ਵੈੱਬਸਾਈਟਾਂ ਅਤੇ ਐਪਸ
ਬ੍ਰਾਂਡ, ਬੈਕਗ੍ਰਾਊਂਡ ਅਤੇ ਐਕਸੈਂਟ ਰੰਗ ਚੁਣੋ, ਫਿਰ ਉਹਨਾਂ ਨੂੰ ਸਿੱਧਾ CSS ਵੇਰੀਏਬਲਜ਼, Tailwind ਜਾਂ ਇੱਕ Android ਥੀਮ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।
ਰੰਗ ਪੈਲੇਟ ਜਨਰੇਟਰ — ਮੇਲ ਖਾਂਦੇ ਰੰਗ ਪੈਲੇਟ ਬਣਾਓ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਕੋਡ ਵਜੋਂ ਐਕਸਪੋਰਟ ਕਰੋ।
ਇੱਕ ਬੇਸ ਰੰਗ ਅਤੇ ਇੱਕ ਸਕੀਮ ਚੁਣੋ, ਅਤੇ 3 ਤੋਂ 8 ਰੰਗਾਂ ਦੀ ਸੰਤੁਲਿਤ ਪੈਲੇਟ ਪ੍ਰਾਪਤ ਕਰੋ। ਜਿਹੜੇ ਤੁਹਾਨੂੰ ਪਸੰਦ ਹਨ ਉਹਨਾਂ ਨੂੰ ਲਾਕ ਕਰੋ, ਫਿਰ ਹਰ ਇੱਕ 'ਤੇ ਚਿੱਟੇ ਅਤੇ ਕਾਲੇ ਟੈਕਸਟ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਜਾਂਚੋ, ਅਤੇ ਫਿਰ ਕੋਡਾਂ ਨੂੰ CSS ਵੇਰੀਏਬਲ, Tailwind, Android colors.xml ਜਾਂ Jetpack Compose ਵਜੋਂ ਕਾਪੀ ਕਰੋ। ਸਭ ਕੁਝ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ, ਅਤੇ ਸੇਵ ਕੀਤੀਆਂ ਪੈਲੇਟਾਂ ਤੁਹਾਡੇ ਡਿਵਾਈਸ 'ਤੇ ਰਹਿੰਦੀਆਂ ਹਨ।
ਇੱਕ ਪੈਲੇਟ ਬਣਾਓ
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ
ਤੁਹਾਡਾ ਰੰਗ-ਪੱਟਾ
ਜੋ ਰੰਗ ਤੁਹਾਨੂੰ ਪਸੰਦ ਹਨ, ਉਹ ਲਾਕ ਕਰੋ, ਫਿਰ ਬਾਕੀ ਬਦਲਣ ਲਈ Generate ਦਬਾਓ। ਹੈਕਸ ਕੋਡ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਉਸਨੂੰ ਕਾਪੀ ਕਰੋ। ਪੈਲੇਟ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਜਨਰੇਟ ਕਰਨ ਲਈ Space ਦਬਾਓ।
ਕੋਡ ਵਜੋਂ ਨਿਰਯਾਤ ਕਰੋ
ਸੁਰੱਖਿਅਤ ਪੈਲੇਟਾਂ
ਅਜੇ ਤੱਕ ਕੋਈ ਪੈਲੇਟ ਸੇਵ ਨਹੀਂ ਕੀਤੀ ਗਈ। ਇਸ ਡਿਵਾਈਸ 'ਤੇ ਇੱਕ ਪੈਲੇਟ ਸੇਵ ਕਰਨ ਲਈ 'ਪੈਲੇਟ ਸੇਵ' ਦਬਾਓ।
ਮਾਰਗਦਰਸ਼ਕ
ਰੰਗ ਪੈਲੇਟ ਗਾਈਡ: ਸਕੀਮਾਂ, ਕੰਟ੍ਰਾਸਟ, ਅਤੇ ਕੋਡ ਵਿੱਚ ਨਿਰਯਾਤ
ਰੰਗ ਸਕੀਮਾਂ ਕਿਵੇਂ ਕੰਮ ਕਰਦੀਆਂ ਹਨ, ਇਹ ਸਿੱਖੋ, ਟੈਕਸਟ ਦਾ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚੋ, ਅਤੇ ਆਪਣੀ ਪੈਲੇਟ ਨੂੰ ਇੱਕ ਅਸਲ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਲਾਗੂ ਕਰੋ।
ਰੰਗ ਪੈਲੇਟ ਜਨਰੇਟਰ ਕੀ ਹੈ?
ਰੰਗ ਪੈਲੇਟ ਉਹ ਛੋਟਾ ਰੰਗਾਂ ਦਾ ਸੈੱਟ ਹੁੰਦਾ ਹੈ ਜੋ ਇਕੱਠੇ ਚੰਗੀ ਤਰ੍ਹਾਂ ਮਿਲਦੇ ਹਨ। ਡਿਜ਼ਾਈਨਰ ਇਹ ਰੰਗ ਪਹੀਏ ਤੋਂ ਬਣਾਉਂਦੇ ਹਨ: ਇੱਕ ਮੁਢਲਾ ਰੰਗ ਚੁਣੋ, ਫਿਰ ਉਸ ਤੋਂ ਨਿਰਧਾਰਤ ਕੋਣਾਂ 'ਤੇ ਹੋਰ ਰੰਗ ਚੁਣੋ, ਤਾਂ ਜੋ ਨਤੀਜਾ ਬੇਤਰਤੀਬ ਦੀ ਬਜਾਏ ਸੰਤੁਲਿਤ ਲੱਗੇ।
ਇਹ ਜਨਰੇਟਰ ਤੁਹਾਡੇ ਲਈ ਇਹ ਸਭ ਕਰਦਾ ਹੈ। ਇੱਕ ਬੇਸ ਰੰਗ ਅਤੇ ਇੱਕ ਸਕੀਮ ਚੁਣੋ, ਆਪਣੇ ਪਸੰਦੀਦਾ ਰੰਗਾਂ ਨੂੰ ਲਾਕ ਕਰੋ, ਅਤੇ ਨਤੀਜੇ ਨੂੰ CSS, Tailwind, Android XML ਜਾਂ Jetpack Compose ਕੋਡ ਵਜੋਂ ਐਕਸਪੋਰਟ ਕਰੋ। ਹਰ ਸਵੈਚ ਆਪਣੀਆਂ RGB ਅਤੇ HSL ਮੁੱਲਾਂ ਦਿਖਾਉਂਦਾ ਹੈ ਅਤੇ ਇਹ ਵੀ ਦੱਸਦਾ ਹੈ ਕਿ ਇਸ 'ਤੇ ਚਿੱਟਾ ਅਤੇ ਕਾਲਾ ਟੈਕਸਟ ਕਿੰਨਾ ਪੜ੍ਹਨਯੋਗ ਹੋਵੇਗਾ। Hex ਮੁੱਲ ਬੇਸ 16 ਹੁੰਦੇ ਹਨ: ਬਾਈਨਰੀ ਤੋਂ ਡੈਸੀਮਲ ਕਨਵਰਟਰ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਇਹ ਆਮ ਅੰਕਾਂ ਨਾਲ ਕਿਵੇਂ ਸੰਬੰਧਿਤ ਹਨ।
ਲੋਕ ਰੰਗ ਪੈਲੇਟ ਕਿਉਂ ਬਣਾਉਂਦੇ ਹਨ
ਸਲਾਈਡਾਂ, ਪੋਸਟਰ ਅਤੇ ਦਸਤਾਵੇਜ਼
ਪ੍ਰਸਤੁਤੀ, ਸੋਸ਼ਲ ਪੋਸਟ ਜਾਂ ਪ੍ਰਿੰਟ ਡਿਜ਼ਾਈਨ ਲਈ ਬਿਨਾਂ ਅੰਦਾਜ਼ੇ ਦੇ ਮਿਲਦੇ-ਜੁਲਦੇ ਰੰਗਾਂ ਦਾ ਸੈੱਟ ਪ੍ਰਾਪਤ ਕਰੋ।
ਚਾਰਟ ਅਤੇ ਡੈਸ਼ਬੋਰਡ
ਡੇਟਾ ਸੀਰੀਜ਼ ਲਈ ਵੱਖਰੇ ਪਰ ਸੁਮੇਲ ਰੰਗ ਬਣਾਓ, ਅਤੇ ਲੇਬਲ ਪੜ੍ਹਨਯੋਗ ਰਹਿਣ ਲਈ ਕੰਟ੍ਰਾਸਟ ਦੀ ਜਾਂਚ ਕਰੋ।
ਰੰਗ-ਯੋਜਨਾਵਾਂ ਦੀ ਵਿਆਖਿਆ
| ਯੋਜਨਾ | ਇਹ ਕਿਵੇਂ ਬਣਾਇਆ ਗਿਆ ਹੈ | ਮਹਿਸੂਸ ਕਰੋ ਅਤੇ ਵਰਤੋ |
|---|---|---|
| ਸਮਾਨ | ਨਜ਼ਦੀਕੀ ਰੰਗ, 30° ਦੇ ਫ਼ਰਕ ਨਾਲ | ਸ਼ਾਂਤ ਅਤੇ ਕੁਦਰਤੀ। ਪਿਛੋਕੜਾਂ ਅਤੇ ਨਰਮ ਯੂਆਈ ਲਈ ਵਧੀਆ। |
| ਇੱਕ-ਰੰਗੀ | ਇੱਕ ਰੰਗ, ਵੱਖ-ਵੱਖ ਰੌਸ਼ਨੀ | ਸਾਫ਼ ਅਤੇ ਇਕਸਾਰ। ਘੱਟੋ-ਘੱਟ ਡਿਜ਼ਾਈਨਾਂ ਲਈ ਸੁਰੱਖਿਅਤ। |
| ਪੂਰਕ | ਦੋ ਵਿਪਰੀਤ ਰੰਗ, 180° ਦੇ ਫ਼ਰਕ 'ਤੇ | ਉੱਚ ਕੰਟ੍ਰਾਸਟ। ਇੱਕ ਮਜ਼ਬੂਤ ਜ਼ੋਰਦਾਰ ਰੰਗ ਲਈ ਚੰਗਾ। |
| ਵੰਡਿਆ ਹੋਇਆ ਪੂਰਕ | ਇੱਕ ਰੰਗ ਅਤੇ ਉਸਦੇ ਵਿਰੋਧੀ ਦੇ ਦੋ ਪਾਸੇ | ਪੂਰਕ ਨਾਲੋਂ ਘੱਟ ਤਣਾਅ ਵਾਲਾ ਵਿਰੋਧ |
| ਤ੍ਰਿਕ | ਤਿੰਨ ਰੰਗ, 120° ਦੇ ਫ਼ਰਕ 'ਤੇ | ਜੀਵੰਤ ਅਤੇ ਸੰਤੁਲਿਤ। ਇੱਕ ਪ੍ਰਮੁੱਖ ਰੰਗ ਦੀ ਲੋੜ ਹੈ। |
| ਚਤੁਰਭੁਜੀ (ਵਰਗ) | ਚਾਰ ਰੰਗ, 90° ਦੇ ਫ਼ਰਕ ਨਾਲ | ਧਨੀ ਅਤੇ ਵਿਭਿੰਨ। ਇੱਕ ਮੁੱਖ ਰੰਗ ਨਾਲ ਸਭ ਤੋਂ ਵਧੀਆ ਕੰਮ ਕਰਦਾ ਹੈ। |
ਰੰਗ ਪੈਲੇਟ ਜਨਰੇਟਰ ਦੀ ਵਰਤੋਂ ਕਿਵੇਂ ਕਰੀਏ
- ਰੰਗ ਬਾਕਸ ਨਾਲ ਇੱਕ ਬੇਸ ਰੰਗ ਚੁਣੋ, ਜਾਂ ਹੈਕਸ ਕੋਡ ਟਾਈਪ ਕਰੋ। ਇੱਕ ਸਕੀਮ ਚੁਣੋ ਅਤੇ ਚਾਹੀਦੇ ਰੰਗਾਂ ਦੀ ਗਿਣਤੀ ਦੱਸੋ।
- ਨਵਾਂ ਬੇਤਰਤੀਬ ਬੇਸ ਅਜ਼ਮਾਉਣ ਲਈ Generate ਦਬਾਓ। ਜਿਸ ਵੀ ਰੰਗ ਨੂੰ ਤੁਸੀਂ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਉਸ ਦੇ ਹੇਠਾਂ Lock ਦਬਾਓ।
- ਹਰ ਸਵੌਚ 'ਤੇ ਕੰਟ੍ਰਾਸਟ ਨੋਟਸ ਚੈੱਕ ਕਰੋ। ਜਿੱਥੇ ਵੀ ਟੈਕਸਟ ਕਿਸੇ ਰੰਗ 'ਤੇ ਹੋਵੇ, 4.5:1 ਜਾਂ ਇਸ ਤੋਂ ਵੱਧ ਦਾ ਅਨੁਪਾਤ ਰੱਖਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ।
- ਹੈਕਸ ਕੋਡ ਨੂੰ ਕਾਪੀ ਕਰਨ ਲਈ ਉਸ 'ਤੇ ਕਲਿੱਕ ਕਰੋ, ਜਾਂ 'ਕੋਡ ਵਜੋਂ ਐਕਸਪੋਰਟ ਕਰੋ' ਖੋਲ੍ਹੋ ਅਤੇ CSS, Tailwind, Android ਜਾਂ Compose ਚੁਣੋ।
- ਇਸ ਡਿਵਾਈਸ 'ਤੇ ਸੇਵ ਪੈਲੇਟ ਰੱਖਣ ਲਈ ਸੇਵ ਪੈਲੇਟ ਦਬਾਓ, ਇਸਨੂੰ ਸਾਂਝਾ ਕਰਨ ਲਈ ਲਿੰਕ ਕਾਪੀ ਕਰੋ, ਜਾਂ ਚਿੱਤਰ ਲਈ PNG ਡਾਊਨਲੋਡ ਕਰੋ।
ਰੰਗ ਵਿਰੋਧ ਅਤੇ ਪਹੁੰਚਯੋਗਤਾ
ਵਿਪਰੀਤ ਅਨੁਪਾਤ
ਇੱਕ ਅਨੁਪਾਤ 1:1 (ਇਕੋ ਜਿਹਾ) ਤੋਂ 21:1 (ਕਾਲਾ ਤੇ ਚਿੱਟਾ) ਤੱਕ, ਜੋ ਦੋ ਰੰਗਾਂ ਦੀ ਚਮਕ ਦੀ ਤੁਲਨਾ ਕਰਦਾ ਹੈ।
ਡਬਲ-ਏ
ਸਧਾਰਣ ਟੈਕਸਟ ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1 ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ (ਲਗਭਗ 24 px, ਜਾਂ 19 px ਬੋਲਡ) ਲਈ 3:1। ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਕਾਨੂੰਨੀ ਅਤੇ ਵਿਆਵਹਾਰਿਕ ਟੀਚਾ ਹੁੰਦਾ ਹੈ।
ਡਬਲਯੂ.ਸੀ.ਏ.ਜੀ. ਏਏਏ
ਸਧਾਰਣ ਲਿਖਤ ਲਈ ਘੱਟੋ-ਘੱਟ 7:1। ਇਹ ਇੱਕ ਸਖ਼ਤ ਪੱਧਰ ਹੈ ਜੋ ਘੱਟ ਦ੍ਰਿਸ਼ਟੀ ਵਾਲੇ ਲੋਕਾਂ ਲਈ ਮਦਦਗਾਰ ਹੈ।
ਸਿਰਫ਼ ਰੰਗ 'ਤੇ ਨਿਰਭਰ ਨਾ ਕਰੋ।
ਲਗਭਗ ਹਰ ਬਾਰਾਂ ਵਿੱਚੋਂ ਇੱਕ ਆਦਮੀ ਨੂੰ ਕਿਸੇ ਨਾ ਕਿਸੇ ਰੂਪ ਵਿੱਚ ਰੰਗ-ਦਰਸ਼ਨ ਦੀ ਕਮੀ ਹੁੰਦੀ ਹੈ। ਰੰਗਾਂ ਨੂੰ ਲੇਬਲਾਂ, ਆਈਕਾਨਾਂ ਜਾਂ ਪੈਟਰਨਾਂ ਨਾਲ ਜੋੜੋ ਤਾਂ ਜੋ ਮਤਲਬ ਗੁੰਮ ਨਾ ਹੋਵੇ।
ਐਕਸਪੋਰਟ ਫਾਰਮੈਟ ਕਿਹੋ ਜਿਹੇ ਦਿਸਦੇ ਹਨ
CSS: --color-1: #1f3a5f;
SCSS: $color-1: #1f3a5f;
Tailwind: 'palette-1': '#1f3a5f',
Android: #1F3A5F
ਸੰਯੋਜਨ: val Palette1 = Color(0xFF1F3A5F)
ਜੇਐਸਓਐਨ: ["#1f3a5f", "#ff5733"]
ਐਂਡਰਾਇਡ ਸਟੂਡੀਓ ਵਿੱਚ, XML ਨੂੰ ਵਿੱਚ ਪੇਸਟ ਕਰੋ res/values/colors.xml, ਜਾਂ ਆਪਣੀਆਂ Compose ਲਾਈਨਾਂ ਨੂੰ ਆਪਣੇ ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ Color.kt ਫਾਈਲ ਵਿੱਚ। Compose ਮੁੱਲ ਵਿੱਚ ਪੂਰੀ-ਓਪੈਕਿਟੀ ਅਲਫ਼ਾ ਪ੍ਰੀਫਿਕਸ FF ਸ਼ਾਮਿਲ ਹੈ।
ਕਾਰਗਰ ਪੈਲੇਟਾਂ ਲਈ ਸੁਝਾਅ
- ਇੱਕ ਪ੍ਰਮੁੱਖ ਰੰਗ, ਇੱਕ ਜਾਂ ਦੋ ਸਹਾਇਕ ਰੰਗ ਅਤੇ ਇੱਕ ਨਿਊਟਰਲ ਰੰਗ ਵਰਤੋ। ਹਰ ਰੰਗ ਦੀ ਬਰਾਬਰ ਮਾਤਰਾ ਆਮ ਤੌਰ 'ਤੇ ਭੀੜ-ਭਾੜ ਵਾਲੀ ਲੱਗਦੀ ਹੈ।
- ਪੈਲੇਟ ਚੁਣਨ ਤੋਂ ਪਹਿਲਾਂ ਹਰ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ 'ਤੇ ਟੈਕਸਟ ਦਾ ਕੰਟ੍ਰਾਸਟ ਜਾਂਚੋ।
- ਆਪਣੇ ਬ੍ਰਾਂਡ ਦੇ ਰੰਗ ਨੂੰ ਲਾਕ ਕਰੋ ਅਤੇ ਵਿਕਲਪਾਂ ਦੀ ਖੋਜ ਕਰਨ ਲਈ ਇਸਦੇ ਆਲੇ-ਦੁਆਲੇ ਤਿਆਰ ਕਰੋ।
- ਪੈਲੇਟ ਨੂੰ ਅਸਲ ਸਕ੍ਰੀਨ 'ਤੇ ਉਹਨਾਂ ਆਕਾਰਾਂ ਵਿੱਚ ਵੇਖੋ ਜਿਨ੍ਹਾਂ 'ਚ ਇਹ ਦਿਖਾਈ ਦੇਵੇਗਾ, ਸਿਰਫ਼ ਸਵੈਚਜ਼ ਵਜੋਂ ਨਹੀਂ।
- ਡਾਰਕ ਮੋਡ ਵਿੱਚ ਵੀ ਟੈਸਟ ਕਰੋ: ਇੱਕ ਰੰਗ ਜੋ ਸਫੈਦ 'ਤੇ ਠੀਕ ਲੱਗਦਾ ਹੈ, ਉਹ ਗੂੜ੍ਹੇ ਕਾਲੇ 'ਤੇ ਠੀਕ ਨਹੀਂ ਲੱਗ ਸਕਦਾ।
ਪਾਬੰਦੀਆਂ ਅਤੇ ਨਿੱਜਤਾ
ਨਿੱਜਤਾ
ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਪੈਲੇਟ ਬਣਾਏ ਜਾਂਦੇ ਹਨ। ਸੇਵ ਕੀਤੀਆਂ ਪੈਲੇਟਾਂ ਤੁਹਾਡੇ ਡਿਵਾਈਸ ਦੇ ਬ੍ਰਾਊਜ਼ਰ ਦੀ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਰੱਖੀਆਂ ਜਾਂਦੀਆਂ ਹਨ ਅਤੇ ਕਦੇ ਵੀ ਅਪਲੋਡ ਨਹੀਂ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ।
ਪਾਬੰਦੀਆਂ
ਰੰਗ sRGB ਰੰਗ ਖੇਤਰ ਵਿੱਚ ਦਿਖਾਏ ਜਾਂਦੇ ਹਨ, ਅਤੇ ਦਿੱਖ ਸਕ੍ਰੀਨ ਅਨੁਸਾਰ ਵੱਖ-ਵੱਖ ਹੁੰਦੀ ਹੈ। ਪੈਲੇਟਾਂ ਰੰਗ ਸਿਧਾਂਤ 'ਤੇ ਆਧਾਰਿਤ ਸੁਝਾਵਾਂ ਹਨ, ਅਸਲ ਉਪਭੋਗਤਾਵਾਂ ਨਾਲ ਟੈਸਟਿੰਗ ਦਾ ਵਿਕਲਪ ਨਹੀਂ। ਇਹ ਟੂਲ ਕੰਟ੍ਰਾਸਟ ਤੋਂ ਇਲਾਵਾ ਰੰਗ-ਅੰਨ੍ਹੇ-ਮਿੱਤਰਤਾ ਦੀ ਜਾਂਚ ਨਹੀਂ ਕਰਦਾ।
ਆਮ ਸਵਾਲ
ਰੰਗ ਪੈਲੇਟ ਜਨਰੇਟਰ ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ
ਰੰਗ ਪੈਲੇਟ ਜਨਰੇਟਰ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ?
ਇੱਕ ਬੇਸ ਰੰਗ ਅਤੇ ਇੱਕ ਰੰਗ ਸਕੀਮ ਚੁਣੋ, ਅਤੇ ਇਹ ਟੂਲ ਰੰਗ ਚੱਕਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਬੇਸ ਰੰਗ ਨੂੰ ਮੇਲ ਖਾਂਦੇ ਰੰਗਾਂ ਦੇ ਸੈੱਟ ਵਿੱਚ ਬਦਲ ਦਿੰਦਾ ਹੈ। ਨਵੇਂ ਰੈਂਡਮ ਬੇਸ ਲਈ Generate ਦਬਾਓ, ਜਾਂ ਆਪਣੇ ਪਸੰਦੀਦਾ ਰੰਗ ਲਾਕ ਕਰਕੇ ਬਾਕੀ ਰੰਗ ਜਨਰੇਟ ਕਰੋ।
ਰੰਗ ਸਕੀਮਾਂ ਵਿੱਚ ਕੀ ਫਰਕ ਹੈ?
ਐਨਾਲੋਗ ਰੰਗਾਂ ਦੇ ਨੇੜਲੇ ਸ਼ੇਡਾਂ ਦੀ ਵਰਤੋਂ ਸ਼ਾਂਤ ਦਿੱਖ ਲਈ ਕਰਦਾ ਹੈ। ਕੰਪਲੀਮੈਂਟਰੀ ਜੋੜੇ ਵਿਰੋਧੀ ਰੰਗਾਂ ਦੀ ਵਰਤੋਂ ਵਿਰੋਧਭਾਵ ਲਈ ਕਰਦੇ ਹਨ। ਸਪਲਿਟ ਕੰਪਲੀਮੈਂਟਰੀ ਅਤੇ ਟ੍ਰਾਇਆਡਿਕ ਤਿੰਨ ਬਰਾਬਰ ਫੈਲੇ ਰੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ, ਟੈਟ੍ਰਾਡਿਕ ਚਾਰ ਰੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ, ਅਤੇ ਮੋਨੋਕ੍ਰੋਮੈਟਿਕ ਇੱਕ ਹੀ ਰੰਗ ਰੱਖਦਾ ਹੈ ਅਤੇ ਉਸਦੀ ਰੋਸ਼ਨੀ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਪੱਧਰ ਲਿਆਉਂਦਾ ਹੈ।
ਦੂਜੇ ਰੰਗ ਬਦਲਦੇ ਹੋਏ ਇੱਕ ਰੰਗ ਨੂੰ ਕਿਵੇਂ ਬਰਕਰਾਰ ਰੱਖਾਂ?
ਕਿਸੇ ਵੀ ਸਵੈਚ ਦੇ ਹੇਠਾਂ ਪ੍ਰੈੱਸ ਲੌਕ ਕਰੋ। ਜਦੋਂ ਤੁਸੀਂ ਜਨਰੇਟ, ਬੇਸ ਜਾਂ ਸਕੀਮ ਬਦਲਦੇ ਹੋ, ਤਾਂ ਲੌਕ ਕੀਤੇ ਰੰਗ ਬਦਲੇ ਬਿਨਾਂ ਰਹਿੰਦੇ ਹਨ। ਐਡਿਟ ਬਟਨ ਨਾਲ ਸਵੈਚ ਸੰਪਾਦਿਤ ਕਰਨ 'ਤੇ ਵੀ ਇਹ ਲੌਕ ਹੋ ਜਾਂਦਾ ਹੈ।
ਕੰਟ੍ਰਾਸਟ ਨੰਬਰਾਂ ਦਾ ਕੀ ਮਤਲਬ ਹੈ?
ਹਰ ਸਵੈਚ ਉਸ ਰੰਗ 'ਤੇ ਚਿੱਟੇ ਅਤੇ ਕਾਲੇ ਟੈਕਸਟ ਲਈ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦਿਖਾਉਂਦਾ ਹੈ। WCAG ਆਮ ਟੈਕਸਟ (AA) ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1, ਸਖ਼ਤ AAA ਪੱਧਰ ਲਈ 7:1, ਅਤੇ ਵੱਡੇ ਟੈਕਸਟ ਲਈ 3:1 ਦੀ ਮੰਗ ਕਰਦਾ ਹੈ।
ਕਿਹੜੇ ਐਕਸਪੋਰਟ ਫਾਰਮੈਟ ਉਪਲਬਧ ਹਨ?
HEX ਸੂਚੀ, CSS ਵੇਰੀਏਬਲ, SCSS ਵੇਰੀਏਬਲ, ਇੱਕ JSON ਐਰੇ, ਇੱਕ Tailwind ਕੌਨਫਿਗ, ਇੱਕ Android colors.xml ਫਾਈਲ ਅਤੇ Jetpack Compose ਰੰਗ ਮੁੱਲ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਪੈਲੇਟ ਨੂੰ ਸਿੱਧਾ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਪੇਸਟ ਕਰ ਸਕੋ।
ਕੀ ਮੈਂ ਆਪਣੀ ਪੈਲੇਟ ਸਾਂਝੀ ਜਾਂ ਸੇਵ ਕਰ ਸਕਦਾ ਹਾਂ?
ਹਾਂ। ਲਿੰਕ ਕਾਪੀ ਕਰਨ ਨਾਲ ਇੱਕ ਵੈੱਬ ਪਤਾ ਬਣਦਾ ਹੈ ਜੋ ਉਹੀ ਰੰਗ ਮੁੜ ਖੋਲ੍ਹਦਾ ਹੈ, PNG ਡਾਊਨਲੋਡ ਪੈਲੇਟ ਦੀ ਇੱਕ ਤਸਵੀਰ ਸੇਵ ਕਰਦਾ ਹੈ, ਅਤੇ ਪੈਲੇਟ ਸੇਵ ਇਸ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ 12 ਤੱਕ ਪੈਲੇਟਾਂ ਨੂੰ ਸੁਰੱਖਿਅਤ ਰੱਖਦਾ ਹੈ।
ਮੇਰੇ ਰੰਗ ਦੂਜੀ ਸਕ੍ਰੀਨ 'ਤੇ ਵੱਖਰੇ ਕਿਉਂ ਦਿਸਦੇ ਹਨ?
ਸਕ੍ਰੀਨਾਂ ਦੀ ਚਮਕ, ਰੰਗ ਦੀ ਸਹੀਤਾ ਅਤੇ ਰੰਗ ਪ੍ਰੋਫਾਈਲ ਵੱਖ-ਵੱਖ ਹੁੰਦੀਆਂ ਹਨ। ਹੈਕਸ ਕੋਡ ਰੰਗ ਨੂੰ ਅੰਕਾਂ ਰਾਹੀਂ ਦਰਸਾਉਂਦੇ ਹਨ, ਪਰ ਇਹ ਕਿਵੇਂ ਦਿਖਾਈ ਦੇਵੇਗਾ, ਇਹ ਡਿਸਪਲੇ 'ਤੇ ਨਿਰਭਰ ਕਰਦਾ ਹੈ। ਆਪਣੇ ਦਰਸ਼ਕਾਂ ਵੱਲੋਂ ਵਰਤੀ ਜਾਣ ਵਾਲੀਆਂ ਡਿਵਾਈਸਾਂ 'ਤੇ ਮਹੱਤਵਪੂਰਨ ਰੰਗਾਂ ਦੀ ਜਾਂਚ ਕਰੋ।
ਇੱਕ ਪੈਲੇਟ ਵਿੱਚ ਕਿੰਨੇ ਰੰਗ ਹੋਣੇ ਚਾਹੀਦੇ ਹਨ?
ਕਈ ਡਿਜ਼ਾਈਨ ਪੰਜ ਰੰਗਾਂ ਨਾਲ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਕਰਦੇ ਹਨ: ਇੱਕ ਮੁੱਖ ਰੰਗ, ਇੱਕ ਜਾਂ ਦੋ ਸਹਾਇਕ ਰੰਗ, ਇੱਕ ਹਲਕਾ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ ਅਤੇ ਇੱਕ ਗੂੜ੍ਹਾ ਟੈਕਸਟ ਰੰਗ। ਇਹ ਟੂਲ ਤੁਹਾਨੂੰ 3 ਤੋਂ 8 ਰੰਗਾਂ ਵਿੱਚੋਂ ਚੁਣਨ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ।
ਕੀ ਜਨਰੇਟਰ ਮੁਫ਼ਤ ਹੈ, ਅਤੇ ਕੀ ਮੇਰਾ ਡਾਟਾ ਸਟੋਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ?
ਇਹ ਮੁਫ਼ਤ ਹੈ। ਪੈਲੇਟਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤਿਆਰ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ। ਸੇਵ ਕੀਤੀਆਂ ਪੈਲੇਟਾਂ ਤੁਹਾਡੇ ਡਿਵਾਈਸ ਦੀ ਲੋਕਲ ਸਟੋਰੇਜ ਵਿੱਚ ਰਹਿੰਦੀਆਂ ਹਨ ਅਤੇ ਕਦੇ ਵੀ ਅਪਲੋਡ ਨਹੀਂ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ।
ਕੀ ਮੈਂ ਇੱਕ ਪੈਲੇਟ ਨਾਲ ਲਿੰਕ ਕਰ ਸਕਦਾ ਹਾਂ?
ਹਾਂ। ਪੰਨੇ ਦੇ ਪਤੇ ਵਿੱਚ ?colors=1f3a5f-ff5733-00aa88 ਸ਼ਾਮਲ ਕਰੋ, ਜਿਸ ਵਿੱਚ # ਨਿਸ਼ਾਨ ਤੋਂ ਬਿਨਾਂ, ਹਾਈਫਨ ਨਾਲ ਵੱਖ-ਵੱਖ ਕੀਤੇ 2 ਤੋਂ 8 ਹੈਕਸ ਕੋਡ ਹੋਣ।
ਇਸ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਵਾਲੇ ਲੋਕਾਂ ਵੱਲੋਂ
ਸਮੀਖਿਆਵਾਂ
ਸਮੀਖਿਆਵਾਂ ਲੋਡ ਹੋ ਰਹੀਆਂ ਹਨ…
ਜਾਰੀ ਰੱਖੋ
ਬਾਕਸ ਵਿੱਚ ਹੋਰ ਸੰਦ
ਹੋਮਪੇਜ 'ਤੇ ਹੋਰ ਦਰਜਨਾਂ ਮੁਫ਼ਤ ਟੂਲ ਹਨ, ਜਿਨ੍ਹਾਂ ਲਈ API ਕੁੰਜੀ ਦੀ ਲੋੜ ਨਹੀਂ।
ਕੇਸ ਬਦਲਣ ਵਾਲਾ
ਟੈਕਸਟ ਨੂੰ ਵੱਡੇ ਅੱਖਰਾਂ (uppercase), ਕੈਮਲ ਕੇਸ (camelCase), ਟਾਈਟਲ ਕੇਸ (title case), ਸਨੇਕ ਕੇਸ (snake_case) ਅਤੇ ਹੋਰ ਵਿੱਚ ਬਦਲੋ।
ਔਜ਼ਾਰ ਖੋਲ੍ਹੋਸ਼ਬਦ ਗਿਣਤੀ
ਟਾਈਪ ਕਰਦੇ ਸਮੇਂ ਸ਼ਬਦਾਂ, ਅੱਖਰਾਂ, ਵਾਕਾਂ ਅਤੇ ਪੜ੍ਹਨ ਦੇ ਸਮੇਂ ਦੀ ਗਿਣਤੀ ਕਰੋ।
ਔਜ਼ਾਰ ਖੋਲ੍ਹੋਵਾਈਟਸਪੇਸ ਹਟਾਉਣ ਵਾਲਾ
ਅਣਜਰੂਰੀ ਖਾਲੀ ਥਾਂਵਾਂ ਨੂੰ ਹਟਾਓ ਅਤੇ ਲਾਈਨਾਂ ਵਿਚਕਾਰ ਗੜਬੜ ਵਾਲੀ ਦੂਰੀ ਨੂੰ ਸਾਫ਼ ਕਰੋ।
ਔਜ਼ਾਰ ਖੋਲ੍ਹੋਟੈਕਸਟ ਅੰਤਰ ਜਾਂਚਕ
ਦੋ ਲਿਖਤਾਂ ਨੂੰ ਲਾਈਨ-ਦਰ-ਲਾਈਨ ਤੁਲਨਾ ਕਰੋ ਤਾਂ ਜੋ ਪਤਾ ਲੱਗੇ ਕਿ ਕੀ ਬਦਲਿਆ ਹੈ।
ਔਜ਼ਾਰ ਖੋਲ੍ਹੋ