Illustration: Color relationships displayed on a color wheel.
Illustration: Color relationships displayed on a color wheel.
Source colors

Illustrative preview

ਇੰਟਰਐਕਟਿਵ ਕਲਰ ਵ੍ਹੀਲ — ਮੇਲ ਖਾਂਦੀਆਂ ਰੰਗਾਂ ਦੀ ਹਾਰਮੋਨੀਜ਼ ਲੱਭੋ

ਪੂਰਕ, ਸਮਾਨ, ਤਿਕੋਣੀ, ਟੈਟਰਾਡਿਕ ਅਤੇ ਵਰਗ ਰੰਗ ਸਕੀਮਾਂ ਲੱਭੋ। HEX, ਸੰਤ੍ਰਿਪਤਾ, ਅਤੇ ਹਲਕੀਤਾ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ, ਫਿਰ ਬਿਨਾਂ ਖਾਤੇ ਦੇ ਮੇਲ ਖਾਂਦੇ ਰੰਗਾਂ ਦੀ ਕਾਪੀ ਕਰੋ।

ਬੇਸ ਕਲਰ ਚੁਣਨ ਲਈ ਖਿੱਚੋ — ਹਰ ਕਲਾਸਿਕ ਇਕਸੁਰਤਾ ਲਈ ਹੈਕਸ ਕੋਡ ਕਾਪੀ ਕਰੋ।

HEX / CSS ਰੰਗ
ਹਾਰਮਨੀ

ਕਲਰ ਵ੍ਹੀਲ ਹਾਰਮਨੀਆਂ ਦੀ ਵਿਆਖਿਆ

ਪੂਰਕ

ਕੰਪਲੀਮੈਂਟਰੀ ਰੰਗ ਕਲਰ ਵ੍ਹੀਲ 'ਤੇ ਇੱਕ-ਦੂਜੇ ਦੇ ਬਿਲਕੁਲ ਸਾਹਮਣੇ ਹੁੰਦੇ ਹਨ — ਨੀਲਾ ਅਤੇ ਸੰਤਰੀ, ਲਾਲ ਅਤੇ ਹਰਾ। ਇਹ ਸਭ ਤੋਂ ਵੱਧ ਕੰਟ੍ਰਾਸਟ ਅਤੇ ਚਮਕ ਪੈਦਾ ਕਰਦੇ ਹਨ, ਜਿਸ ਨਾਲ ਡਿਜ਼ਾਈਨ ਊਰਜਾਵਾਨ ਲੱਗਦਾ ਹੈ ਅਤੇ ਕਾਲ-ਟੂ-ਐਕਸ਼ਨ ਉੱਭਰ ਕੇ ਸਾਹਮਣੇ ਆਉਂਦੇ ਹਨ। ਇੱਕ ਰੰਗ ਨੂੰ ਪ੍ਰਧਾਨ ਬਣਾਓ ਅਤੇ ਵਿਜ਼ੂਅਲ ਟਕਰਾਅ ਤੋਂ ਬਚਣ ਲਈ ਇਸਦੇ ਕੰਪਲੀਮੈਂਟ ਨੂੰ ਥੋੜ੍ਹਾ ਜਿਹਾ ਐਕਸੈਂਟ ਵਜੋਂ ਵਰਤੋ।

ਵੰਡਿਆ ਪੂਰਕ

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

ਸਮਾਨ

ਐਨਾਲੌਗਸ ਸਕੀਮਾਂ ਵ੍ਹੀਲ 'ਤੇ ਤਿੰਨ ਗੁਆਂਢੀ ਰੰਗ ਵਰਤਦੀਆਂ ਹਨ, ਜਿਵੇਂ ਪੀਲਾ, ਪੀਲਾ-ਹਰਾ ਅਤੇ ਹਰਾ। ਕਿਉਂਕਿ ਗੁਆਂਢੀ ਰੰਗ ਇੱਕੋ ਜਿਹੀ ਅੰਡਰਟੋਨ ਸਾਂਝੀ ਕਰਦੇ ਹਨ, ਨਤੀਜਾ ਸ਼ਾਂਤ, ਸੁਮੇਲ ਅਤੇ ਕੁਦਰਤੀ ਲੱਗਦਾ ਹੈ — ਜਿਵੇਂ ਸੂਰਜ ਡੁੱਬਣ ਦੇ ਦ੍ਰਿਸ਼ ਅਤੇ ਜੰਗਲ। ਇੱਕ ਪ੍ਰਮੁੱਖ ਰੰਗ ਚੁਣੋ, ਗੁਆਂਢੀ ਰੰਗਾਂ ਨੂੰ ਸਹਾਇਕ ਵਜੋਂ ਵਰਤੋ, ਅਤੇ ਕੰਟ੍ਰਾਸਟ ਲਈ ਇੱਕ ਨਿਊਟ੍ਰਲ ਰੰਗ ਜੋੜੋ।

ਤਿਹਰਾ

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

ਟੈਟ੍ਰਾਡਿਕ (ਆਇਤਾਕਾਰ)

ਟੈਟ੍ਰਾਡਿਕ (ਆਇਤਾਕਾਰ) ਸਕੀਮਾਂ ਚਾਰ ਰੰਗਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੀਆਂ ਹਨ ਜੋ ਦੋ ਕੰਪਲੀਮੈਂਟਰੀ ਜੋੜਿਆਂ ਦੇ ਰੂਪ ਵਿੱਚ, 60 ਡਿਗਰੀ ਦੀ ਦੂਰੀ 'ਤੇ ਵਿਵਸਥਿਤ ਹੁੰਦੀਆਂ ਹਨ। ਇਹ ਕਿਸੇ ਵੀ ਕਲਾਸਿਕ ਹਾਰਮਨੀ ਦੀ ਸਭ ਤੋਂ ਭਰਪੂਰ ਵਿਭਿੰਨਤਾ ਦਿੰਦੀਆਂ ਹਨ, ਪਰ ਇਹਨਾਂ ਨੂੰ ਸੰਤੁਲਿਤ ਕਰਨਾ ਵੀ ਸਭ ਤੋਂ ਔਖਾ ਹੈ — ਇੱਕ ਪ੍ਰਮੁੱਖ ਰੰਗ ਚੁਣੋ, ਬਾਕੀਆਂ ਨੂੰ ਹਲਕਾ ਰੱਖੋ, ਅਤੇ ਗਰਮ ਤੇ ਠੰਢੀਆਂ ਰੰਗਤਾਂ ਦੇ ਅਨੁਪਾਤ ਦਾ ਧਿਆਨ ਨਾਲ ਖ਼ਿਆਲ ਰੱਖੋ।

ਵਰਗ

ਸਕੁਏਅਰ ਸਕੀਮ ਚਾਰ ਰੰਗਾਂ ਨੂੰ ਵ੍ਹੀਲ ਦੁਆਲੇ ਬਰਾਬਰ, 90 ਡਿਗਰੀ ਦੇ ਫਾਸਲੇ 'ਤੇ ਰੱਖਦੀ ਹੈ। ਟੈਟ੍ਰਾਡਿਕ ਵਾਂਗ, ਇਹ ਦੋ ਪੂਰਕ (complementary) ਜੋੜੇ ਬਣਾਉਂਦੀ ਹੈ, ਪਰ ਬਰਾਬਰ ਫਾਸਲਾ ਗਰਮ ਅਤੇ ਠੰਢੇ ਰੰਗਾਂ ਦਾ ਵਧੇਰੇ ਜੋਸ਼ੀਲਾ ਤੇ ਖਿਲੰਦੜਾ ਸੰਤੁਲਨ ਦਿੰਦਾ ਹੈ। ਇਹ ਉਦੋਂ ਸਭ ਤੋਂ ਵਧੀਆ ਕੰਮ ਕਰਦੀ ਹੈ ਜਦੋਂ ਇੱਕ ਰੰਗ ਸਪੱਸ਼ਟ ਤੌਰ 'ਤੇ ਹਾਵੀ ਹੋਵੇ ਅਤੇ ਬਾਕੀ ਛੋਟੇ ਐਕਸੈਂਟ ਵਜੋਂ ਦਿਖਣ।

ਤੁਸੀਂ ਕਲਰ ਵ੍ਹੀਲ ਨਾਲ ਕੀ ਕਰ ਸਕਦੇ ਹੋ

ਸ਼ੁਰੂ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਮੁੱਖ ਸਮਰੱਥਾਵਾਂ ਦੀ ਸਮੀਖਿਆ ਕਰੋ।

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

ਸੈਟਿੰਗਾਂ ਦਾ ਹਵਾਲਾ

ਕਲਰ ਵ੍ਹੀਲ ਲਈ ਉਪਲਬਧ ਨਿਯੰਤਰਣ।

ਚੋਣਾਂ

ਬੇਸ ਰੰਗ (ਹਿਊ ਅਤੇ ਸੈਚੁਰੇਸ਼ਨ)ਰੰਗ ਚੋਣਕਾਰ
ਆਪਣਾ ਸ਼ੁਰੂਆਤੀ ਰੰਗ ਚੁਣਨ ਲਈ ਇੰਟਰੈਕਟਿਵ ਪਹੀਏ 'ਤੇ ਕਿਤੇ ਵੀ ਖਿੱਚੋ: ਕੋਣ ਰੰਗਤ ਤੈਅ ਕਰਦਾ ਹੈ ਅਤੇ ਕੇਂਦਰ ਤੋਂ ਦੂਰੀ ਸੰਤ੍ਰਿਪਤੀ ਤੈਅ ਕਰਦੀ ਹੈ।
HEX / CSS ਰੰਗਟੈਕਸਟ ਇਨਪੁੱਟ
ਕੋਈ ਵੀ HEX ਕੋਡ, rgb(), hsl(), ਜਾਂ CSS ਰੰਗ ਨਾਮ ਟਾਈਪ ਕਰੋ ਜਾਂ ਪੇਸਟ ਕਰੋ, ਤਾਂ ਜੋ ਵ੍ਹੀਲ ਸਿੱਧਾ ਤੁਹਾਡੇ ਕੋਲ ਪਹਿਲਾਂ ਤੋਂ ਮੌਜੂਦ ਸਟੀਕ ਰੰਗ ਉੱਤੇ ਪਹੁੰਚ ਜਾਵੇ।
ਸੰਤ੍ਰਿਪਤਾਸਲਾਈਡਰਰੇਂਜ: 0–100% · ਮੂਲ: 91%
ਮੂਲ ਰੰਗ ਕਿੰਨਾ ਗੂੜ੍ਹਾ ਤੇ ਚਮਕਦਾਰ ਹੋਵੇ, ਇਹ ਤੈਅ ਕਰਦਾ ਹੈ — 0% ਉੱਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਲੇਟੀ ਤੋਂ ਲੈ ਕੇ 100% ਉੱਤੇ ਉਸ ਰੰਗਤ ਦੇ ਸਭ ਤੋਂ ਸ਼ੁੱਧ ਤੇ ਤੀਬਰ ਰੂਪ ਤੱਕ।
ਲਾਈਟਨੈੱਸਸਲਾਈਡਰਰੇਂਜ: 0–100% · ਮੂਲ: 60%
ਕੰਟਰੋਲ ਕਰਦਾ ਹੈ ਕਿ ਮੁੱਢਲਾ ਰੰਗ ਕਿੰਨਾ ਹਲਕਾ ਜਾਂ ਗੂੜ੍ਹਾ ਹੋਵੇ, 0% 'ਤੇ ਕਾਲੇ ਤੋਂ ਸ਼ੁੱਧ ਰੰਗਤ ਰਾਹੀਂ 100% 'ਤੇ ਚਿੱਟੇ ਤੱਕ; ਹਰ ਹਾਰਮਨੀ ਉਸੇ ਮੁਤਾਬਕ ਅੱਪਡੇਟ ਹੋ ਜਾਂਦੀ ਹੈ।
ਹਾਰਮਨੀਪ੍ਰੀਸੈਟ
ਚੁਣਦਾ ਹੈ ਕਿ ਰੰਗ-ਚੱਕਰ ਦਾ ਕਿਹੜਾ ਕਲਾਸਿਕ ਸੰਬੰਧ ਚੱਕਰ 'ਤੇ ਉਭਾਰਨਾ ਹੈ, ਅਤੇ ਉਸਦੇ ਸਾਥੀ ਰੰਗਾਂ ਦੇ ਨਿਸ਼ਾਨ ਲਾ ਦਿੰਦਾ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਦੇਖ ਸਕੋ ਕਿ ਸਕੀਮ ਕਿਵੇਂ ਬਣੀ ਹੈ।ਚੋਣਾਂ: ਪੂਰਕਵੰਡਿਆ ਪੂਰਕਸਮਾਨਤਿਹਰਾਟੈਟ੍ਰਾਡਿਕ (ਆਇਤਾਕਾਰ)ਵਰਗ
ਵਰਤਣ ਲਈ ਮੁਫ਼ਤ · ਸਾਈਨਅੱਪ ਦੀ ਲੋੜ ਨਹੀਂ · ਬਿਨਾਂ ਵਾਟਰਮਾਰਕਅੱਪਲੋਡ ਆਵਾਜਾਈ ਵਿੱਚ ਏਨਕ੍ਰਿਪਟ ਕੀਤੇ ਗਏ ਹਨਸਾਡੀ ਧਾਰਨ ਨੀਤੀ ਦੇ ਤਹਿਤ ਹਟਾਇਆ ਗਿਆ

ਕਲਰ ਵ੍ਹੀਲ ਤੋਂ ਬਾਅਦ ਆਮ ਅਗਲੇ ਪੜਾਵਾਂ ਲਈ ਟੂਲ।

ਸਾਰੇ ਟੂਲ ਵੇਖੋ

ਅਕਸਰ ਪੁੱਛੇ ਜਾਂਦੇ ਸਵਾਲ

ਕਲਰ ਵ੍ਹੀਲ ਤੁਹਾਡਾ ਕੰਮ ਕਰਨ ਵਿੱਚ ਕਿਵੇਂ ਮਦਦ ਕਰਦਾ ਹੈ

ਅਸਲ ਸਮੱਸਿਆਵਾਂ ਜੋ ਇਹ ਹਰ ਰੋਜ਼ ਹੱਲ ਕਰਦੀ ਹੈ — ਕਾਰੋਬਾਰਾਂ, ਸਿਰਜਣਹਾਰਾਂ ਅਤੇ ਰੋਜ਼ਾਨਾ ਦੇ ਕੰਮਾਂ ਲਈ। ਉਹ ਵਰਤੋਂ ਕੇਸ ਲੱਭੋ ਜੋ ਤੁਹਾਡੇ ਲਈ ਫਿੱਟ ਹੈ ਅਤੇ ਸ਼ੁਰੂ ਕਰੋ।

ਸਿੱਖਿਆ

ਕਲਰ ਥਿਊਰੀ ਸਿੱਖੋ

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

ਰਚਨਾਕਾਰਾਂ ਲਈ

ਵੈੱਬਸਾਈਟ ਦੇ ਐਕਸੈਂਟ ਰੰਗ ਚੁਣੋ

ਆਪਣਾ ਬ੍ਰਾਂਡ ਹੈਕਸ ਵ੍ਹੀਲ ਵਿੱਚ ਟਾਈਪ ਕਰੋ ਅਤੇ ਬਿਨਾਂ ਟਕਰਾਏ ਕੰਟ੍ਰਾਸਟ ਕਰਨ ਵਾਲੇ ਐਕਸੈਂਟ ਰੰਗ ਲੱਭਣ ਲਈ ਸਪਲਿਟ-ਕੰਪਲੀਮੈਂਟਰੀ ਜਾਂ ਟ੍ਰਾਈਐਡਿਕ ਸਕੀਮਾਂ ਵਰਤੋ।

ਰਚਨਾਕਾਰਾਂ ਲਈ

ਅਸਲੀ UI 'ਤੇ ਸਕੀਮਾਂ ਦੀ ਝਲਕ ਵੇਖੋ

ਹਰ ਹਾਰਮਨੀ ਨੂੰ ਇੱਕ ਛੋਟੇ ਸੈਂਪਲ ਕਾਰਡ 'ਤੇ ਲਾਗੂ ਕੀਤਾ ਜਾਂਦਾ ਹੈ — header, body, button, ਅਤੇ dots — ਤਾਂ ਜੋ ਤੁਸੀਂ ਸੰਯੋਜਨਾਂ ਨੂੰ ਅਮੂਰਤ ਸਵੈਚਾਂ ਦੀ ਬਜਾਏ ਸੰਦਰਭ ਵਿੱਚ ਪਰਖ ਸਕੋ।

ਰਚਨਾਕਾਰਾਂ ਲਈ

ਆਰਟ ਅਤੇ ਇਲਸਟ੍ਰੇਸ਼ਨ ਪੈਲੇਟਸ

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

ਹਰ ਰੂਪਾਂਤਰ ਲਾਗੂ ਹੁੰਦਾ ਵੇਖੋ

ਹਰ ਫੋਟੋ ਸਲੈਸ਼ ਨੂੰ ਬਿਨਾਂ ਛੂਹ ਕੇ ਪਾਰ ਕਰਦੀ ਹੈ ਅਤੇ ਦੂਜੇ ਪਾਸੇ ਤੋਂ ਬਾਹਰ ਆਉਂਦੀ ਹੈ।