#FF8C00 · ਰੰਗ ਕੋਡ ਜਨਰੇਟਰ ਅਤੇ ਪਿਕਰ

ਰੰਗ ਕੋਡ, ਵੈਰੀਏਸ਼ਨ, ਸਹਿਮਤੀਆਂ ਬਣਾਓ, ਅਤੇ ਕਾਂਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਚੈੱਕ ਕਰੋ।

ਰੰਗ ਰੂਪਾਂਤਰਨ

#ff8c00

ਵਿਭਿੰਨਤਾ

ਇਸ ਭਾਗ ਦਾ ਉਦੇਸ਼ ਤੁਹਾਡੇ ਚੁਣੇ ਹੋਏ ਰੰਗ ਦੇ 10% ਵਾਧੇ ਵਿੱਚ ਟਿੰਟਸ (ਖਾਲਿਸ ਚਿੱਟਾ ਸ਼ਾਮਲ ਕੀਤਾ) ਅਤੇ ਸ਼ੇਡਸ (ਖਾਲਿਸ ਕਾਲਾ ਸ਼ਾਮਲ ਕੀਤਾ) ਨੂੰ ਸਹੀ ਤਰੀਕੇ ਨਾਲ ਤਿਆਰ ਕਰਨਾ ਹੈ।

ਪ੍ਰੋ ਟਿਪ: ਹੋਵਰ ਸਟੇਟਸ ਅਤੇ ਸਾਏ ਲਈ ਸ਼ੇਡਸ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਹਾਈਲਾਈਟਸ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਲਈ ਟਿੰਟਸ ਦੀ ਵਰਤੋਂ ਕਰੋ।

ਸ਼ੇਡਸ

ਤੁਹਾਡੇ ਬੇਸ ਰੰਗ ਵਿੱਚ ਕਾਲਾ ਸ਼ਾਮਲ ਕਰਕੇ ਬਣਾਈਆਂ ਗਈਆਂ ਗੂੜ੍ਹੀਆਂ ਵਿਭਿੰਨਤਾਵਾਂ।

ਟਿੰਟਸ

ਤੁਹਾਡੇ ਬੇਸ ਰੰਗ ਵਿੱਚ ਚਿੱਟਾ ਸ਼ਾਮਲ ਕਰਕੇ ਬਣਾਈਆਂ ਗਈਆਂ ਹਲਕੀਆਂ ਵਿਭਿੰਨਤਾਵਾਂ।

ਆਮ ਵਰਤੋਂ ਦੇ ਕੇਸ

  • • UI ਕੰਪੋਨੈਂਟ ਸਟੇਟਸ (ਹੋਵਰ, ਐਕਟਿਵ, ਅਯੋਗ)
  • • ਸਾਏ ਅਤੇ ਹਾਈਲਾਈਟਸ ਨਾਲ ਗਹਿਰਾਈ ਬਣਾਉਣਾ
  • • ਸੁਸੰਗਤ ਰੰਗ ਪ੍ਰਣਾਲੀਆਂ ਬਣਾਉਣਾ

ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਟਿਪ

ਇਹ ਵਿਭਿੰਨਤਾਵਾਂ ਇੱਕ ਸੰਗਠਿਤ ਰੰਗ ਪੈਲੇਟ ਦੀ ਨੀਂਹ ਰੱਖਦੀਆਂ ਹਨ। ਆਪਣੇ ਸਾਰੇ ਪ੍ਰੋਜੈਕਟ ਵਿੱਚ ਸੁਸੰਗਤਤਾ ਬਣਾਈ ਰੱਖਣ ਲਈ ਇਨ੍ਹਾਂ ਨੂੰ ਐਕਸਪੋਰਟ ਕਰੋ।

ਰੰਗ ਜੋੜ

ਹਰ ਸਹਿਮਤੀ ਦਾ ਆਪਣਾ ਮੂਡ ਹੁੰਦਾ ਹੈ। ਸਹਿਮਤੀਆਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ਜੋ ਰੰਗਾਂ ਦੇ ਜੋੜਾਂ ਨੂੰ ਸੋਚਣ ਲਈ ਜੋ ਚੰਗੇ ਤਰੀਕੇ ਨਾਲ ਕੰਮ ਕਰਦੇ ਹਨ।

ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ

ਕਿਸੇ ਵੀ ਰੰਗ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਤਾਂ ਜੋ ਇਸ ਦਾ ਹੈਕਸ ਮੁੱਲ ਕਾਪੀ ਹੋ ਜਾਵੇ। ਇਹ ਜੋੜ ਗਣਿਤਕ ਤੌਰ 'ਤੇ ਦ੍ਰਿਸ਼ਟੀ ਸਹਿਮਤੀ ਬਣਾਉਣ ਲਈ ਸਾਬਤ ਕੀਤੇ ਗਏ ਹਨ।

ਇਹ ਕਿਉਂ ਮਹੱਤਵਪੂਰਨ ਹੈ

ਰੰਗ ਸਹਿਮਤੀਆਂ ਸੰਤੁਲਨ ਬਣਾਉਂਦੀਆਂ ਹਨ ਅਤੇ ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਖਾਸ ਭਾਵਨਾਵਾਂ ਨੂੰ ਜਗਾਉਂਦੀਆਂ ਹਨ।

ਪੂਰਨ

ਇੱਕ ਰੰਗ ਅਤੇ ਇਸਦਾ ਵਿਰੋਧੀ ਰੰਗ ਚੱਕਰ 'ਤੇ, +180 ਡਿਗਰੀ ਹਿਊ। ਉੱਚ ਵਿਰੋਧ।

ਵਧੀਆ ਹੈ: ਉੱਚ-ਅਸਰ ਵਾਲੇ ਡਿਜ਼ਾਈਨ, CTA, ਲੋਗੋ

ਵੰਡੇ-ਪੂਰਨ

ਇੱਕ ਰੰਗ ਅਤੇ ਇਸਦੇ ਪੂਰਨ ਦੇ ਨਾਲ ਲੱਗਦੇ ਦੋ ਰੰਗ, ਮੁੱਖ ਰੰਗ ਦੇ ਵਿਰੋਧੀ ਮੁੱਲ ਤੋਂ +/-30 ਡਿਗਰੀ ਹਿਊ। ਸਿੱਧੇ ਪੂਰਨ ਵਾਂਗ ਬੋਲਡ, ਪਰ ਹੋਰ ਬਹੁਤ ਸਹਿਮਣ।

ਵਧੀਆ ਹੈ: ਜੋਸ਼ੀਲਾ ਪਰ ਸੰਤੁਲਿਤ ਲੇਆਉਟ

ਤਿਕੋਣੀ

ਰੰਗ ਚੱਕਰ 'ਤੇ ਸਮਾਨ ਤੌਰ 'ਤੇ ਤਿੰਨ ਰੰਗ, ਹਰ ਇੱਕ 120 ਡਿਗਰੀ ਹਿਊ ਦੂਰ। ਵਧੀਆ ਹੈ ਕਿ ਇੱਕ ਰੰਗ ਨੂੰ ਪ੍ਰਮੁੱਖ ਬਣਾਓ ਅਤੇ ਹੋਰਾਂ ਨੂੰ ਉਭਾਰ ਵਜੋਂ ਵਰਤੋ।

ਵਧੀਆ ਹੈ: ਖੇਡ-ਮਸਤੀ ਭਰੇ, ਉਰਜਾਵਾਨ ਡਿਜ਼ਾਈਨ

ਸਮਾਨ

ਇੱਕੋ ਜਿਹੇ ਚਮਕ ਅਤੇ ਸੰਤੁਲਨ ਵਾਲੇ ਤਿੰਨ ਰੰਗ ਜਿਨ੍ਹਾਂ ਦੇ ਹਿਊ ਰੰਗ ਚੱਕਰ 'ਤੇ ਲੱਗਦੇ ਹਨ, 30 ਡਿਗਰੀ ਦੂਰ। ਹੌਲੀ ਹੌਲੀ ਬਦਲਾਅ।

ਵਧੀਆ ਹੈ: ਕੁਦਰਤ-ਪ੍ਰੇਰਿਤ, ਸ਼ਾਂਤ ਇੰਟਰਫੇਸ

ਇਕਰੰਗੀ

ਇੱਕੋ ਹਿਊ ਦੇ ਤਿੰਨ ਰੰਗ ਜਿਨ੍ਹਾਂ ਦੇ ਚਮਕ ਮੁੱਲ +/-50% ਹਨ। ਨਰਮ ਅਤੇ ਸੁਧਰੇ ਹੋਏ।

ਵਧੀਆ ਹੈ: ਘੱਟੋ-ਘੱਟ, ਸੁਫ਼ਿਆਨਾ ਡਿਜ਼ਾਈਨ

ਚਤੁਰਭੁਜੀ

ਦੋ ਸੈੱਟ ਪੂਰਨਕਰਮੀ ਰੰਗਾਂ ਦੇ, ਜੋ 60 ਡਿਗਰੀ ਹਿਊ ਨਾਲ ਵੱਖਰੇ ਹਨ।

ਵਧੀਆ ਹੈ: ਧਨਾਢ, ਵਿਭਿੰਨ ਰੰਗ ਸਕੀਮਾਂ

ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਸਿਧਾਂਤ

ਸੰਤੁਲਨ

ਇੱਕ ਪ੍ਰਮੁੱਖ ਰੰਗ ਦੀ ਵਰਤੋਂ ਕਰੋ, ਸਹਾਇਕ ਰੰਗ ਨਾਲ ਸਹਾਇਤਾ ਕਰੋ, ਅਤੇ ਥੋੜ੍ਹਾ ਜਿਹਾ ਉਭਾਰੋ।

ਵਿਰੋਧ

ਪੜ੍ਹਨਯੋਗਤਾ ਅਤੇ ਪਹੁੰਚਯੋਗਤਾ ਲਈ ਕਾਫ਼ੀ ਵਿਰੋਧ ਸੁਨਿਸ਼ਚਿਤ ਕਰੋ।

ਸਮਰਸਤਾ

ਰੰਗ ਇਕੱਠੇ ਕੰਮ ਕਰਨ ਚਾਹੀਦੇ ਹਨ ਤਾਂ ਜੋ ਇੱਕ ਇਕਸਾਰ ਵਿਜ਼ੂਅਲ ਅਨੁਭਵ ਬਣ ਸਕੇ।

ਰੰਗ ਵਿਰੋਧ ਚੈੱਕਰ

ਰੰਗ ਦੇ ਸੰਯੋਜਨਾਂ ਦੀ ਜਾਂਚ ਕਰੋ ਤਾਂ ਜੋ ਇਹ ਯਕੀਨੀ ਬਣਾਇਆ ਜਾ ਸਕੇ ਕਿ ਉਹ ਪਾਠ ਪੜ੍ਹਨ ਯੋਗਤਾ ਲਈ WCAG ਪਹੁੰਚ ਯੋਗਤਾ ਮਿਆਰਾਂ ਨੂੰ ਪੂਰਾ ਕਰਦੇ ਹਨ।

ਵਿਰੋਧ

1.00
common.contrastFail
ਬਹੁਤ ਖਰਾਬ
ਛੋਟਾ ਪਾਠ
common.contrastFail
ਵੱਡਾ ਪਾਠ
common.contrastFail

WCAG ਮਿਆਰ

AA:ਆਮ ਪਾਠ ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1 ਦਾ ਵਿਰੋਧ ਅਨੁਪਾਤ ਅਤੇ ਵੱਡੇ ਪਾਠ ਲਈ 3:1। ਜ਼ਿਆਦਾਤਰ ਵੈੱਬਸਾਈਟਾਂ ਲਈ ਲਾਜ਼ਮੀ।
AAA:ਆਮ ਪਾਠ ਲਈ 7:1 ਦਾ ਵਧੀਆ ਵਿਰੋਧ ਅਨੁਪਾਤ ਅਤੇ ਵੱਡੇ ਪਾਠ ਲਈ 4.5:1। ਵਧੀਆ ਪਹੁੰਚ ਯੋਗਤਾ ਲਈ ਸਿਫਾਰਸ਼ੀ।
ਸਾਰੇ ਟੈਕਸਟ ਆਕਾਰਾਂ ਲਈ ਅਪਰਾਪਤ ਕਾਂਟ੍ਰਾਸਟ - WCAG ਮਿਆਰਾਂ 'ਤੇ ਖਰਾ ਨਹੀਂ ਉਤਰਦਾ।

ਉੱਚ-ਤਕਨੀਕੀ ਕਾਂਟ੍ਰਾਸਟ ਚੈੱਕਰ

ਸਲਾਈਡਰਾਂ ਨਾਲ ਸੁਧਾਰੋ, ਕਈ ਪ੍ਰੀਵਿਊਜ਼ ਅਤੇ ਹੋਰ

ਹਰ ਕੋਈ ਇੱਕ ਜ਼ਹੀਨ ਹੈ। ਪਰ ਜੇਕਰ ਤੁਸੀਂ ਇੱਕ ਮੱਛੀ ਨੂੰ ਇਸ ਦੀ ਸਮਰੱਥਾ ਦੇ ਅਧਾਰ 'ਤੇ ਜੱਜ ਕਰੋ ਕਿ ਉਹ ਦਰੱਖਤ 'ਤੇ ਚੜ੍ਹ ਸਕਦੀ ਹੈ, ਤਾਂ ਇਹ ਆਪਣੀ ਸਾਰੀ ਜ਼ਿੰਦਗੀ ਇਹ ਮੰਨਦੇ ਹੋਏ ਬਿਤਾਏਗੀ ਕਿ ਇਹ ਮੂਰਖ ਹੈ।

contrastChecker.quote1Author

ਤਕਨੀਕੀ ਫਾਰਮੈਟ

ਉੱਚ ਰੰਗ ਸਪੇਸ ਪ੍ਰਤੀਨਿਧੀਆਂ ਅਤੇ ਪੇਸ਼ੇਵਰ ਰੰਗ ਮਾਡਲਾਂ ਦੀ ਖੋਜ ਕਰੋ ਜੋ ਵੀਡੀਓ ਉਤਪਾਦਨ, ਫੋਟੋਗ੍ਰਾਫੀ, ਵਿਗਿਆਨਕ ਐਪਲੀਕੇਸ਼ਨਾਂ, ਅਤੇ ਰੰਗ ਪ੍ਰਬੰਧਨ ਪ੍ਰਣਾਲੀਆਂ ਵਿੱਚ ਵਰਤੇ ਜਾਂਦੇ ਹਨ। ਇਹ ਤਕਨੀਕੀ ਫਾਰਮੈਟ ਵਿਸ਼ੇਸ਼ ਉਦਯੋਗਾਂ ਅਤੇ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਸਹੀ ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ।

ਵਿਹਾਰਕ ਫਾਰਮੈਟ

ਅਸਲ ਦੁਨੀਆ ਦੇ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਰੰਗਾਂ ਨੂੰ ਵਿਹਾਰਕ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਕਨਵਰਟ ਕਰੋ ਜਿਸ ਵਿੱਚ ਪ੍ਰਿੰਟ ਸਿਮੂਲੇਸ਼ਨ, LED ਡਿਸਪਲੇਜ਼, ਟਰਮੀਨਲ ਆਉਟਪੁੱਟ, ਅਤੇ ਡਾਟਾ ਐਨਕੋਡਿੰਗ ਸ਼ਾਮਲ ਹਨ। ਇਹ ਫਾਰਮੈਟ ਤੁਹਾਨੂੰ ਵੱਖ-ਵੱਖ ਮੀਡੀਆ, ਪਲੇਟਫਾਰਮਾਂ, ਅਤੇ ਭੌਤਿਕ ਡਿਵਾਈਸਾਂ ਵਿੱਚ ਰੰਗਾਂ ਨੂੰ ਲਾਗੂ ਕਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦੇ ਹਨ।

ਰੰਗ ਵਿਸ਼ਲੇਸ਼ਣ

ਸਪੈਕਟ੍ਰਲ ਰਚਨਾ, ਰੰਗ ਸ਼ੁੱਧਤਾ, ਮੈਟਾਮੇਰਿਜ਼ਮ ਪ੍ਰਭਾਵਾਂ, ਅਤੇ ਧਾਰਣਾਤਮਕ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸਮੇਤ ਉੱਚ-ਸਤਹ ਮਾਪਦੰਡਾਂ ਨਾਲ ਰੰਗ ਗੁਣਾਂ ਦਾ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰੋ। ਇਹ ਸੰਦ ਵੱਖ-ਵੱਖ ਦੇਖਣ ਦੀਆਂ ਸਥਿਤੀਆਂ ਹੇਠ ਰੰਗ ਦੇ ਵਿਹਾਰ ਅਤੇ ਦਿੱਖ ਵਿੱਚ ਡੂੰਘੀ ਸਮਝ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ।

ਅੰਧਤਾ ਸਿਮੂਲੇਟਰ

ਵੱਖ-ਵੱਖ ਕਿਸਮ ਦੀ ਰੰਗ ਅੰਧਤਾ ਵਾਲੇ ਲੋਕਾਂ ਦੁਆਰਾ ਰੰਗ ਨੂੰ ਕਿਵੇਂ ਮਹਿਸੂਸ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਇਹ ਚੈੱਕ ਕਰੋ ਤਾਂ ਜੋ ਹੋਰ ਪਹੁੰਚਯੋਗ ਡਿਜ਼ਾਈਨ ਬਣਾਏ ਜਾ ਸਕਣ। ਰੰਗ ਧਾਰਨਾ ਨੂੰ ਸਮਝਣ ਨਾਲ ਯਕੀਨੀ ਬਣਾਉਣ ਵਿੱਚ ਮਦਦ ਮਿਲਦੀ ਹੈ ਕਿ ਤੁਹਾਡਾ ਸਮੱਗਰੀ ਹਰ ਕਿਸੇ ਲਈ ਪਹੁੰਚਯੋਗ ਹੈ।

ਰਚਨਾਤਮਕ ਪਹਲੂ

ਰੰਗਾਂ ਦੇ ਕਲਾਤਮਕ ਅਤੇ ਮਨੋਵਿਗਿਆਨਕ ਪਹਲੂਆਂ ਦੀ ਖੋਜ ਕਰੋ ਜਿਸ ਵਿੱਚ ਮੌਸਮੀ ਸੰਬੰਧ, ਭਾਵਨਾਤਮਕ ਪ੍ਰਭਾਵ, ਕੁਦਰਤੀ ਘਟਨਾਵਾਂ, ਇਤਿਹਾਸਕ ਰੰਗਦਾਰ ਅਤੇ ਰਚਨਾਤਮਕ ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਰੰਗ ਮਿਲਾਉਣ ਦੀਆਂ ਵਿਧੀਆਂ ਸ਼ਾਮਲ ਹਨ।