ਗਣਨਾ

ਰੰਗ ਪੈਲੇਟ ਬਿਲਡਰ ਮੁਫ਼ਤ

ਇੱਕ HEX ਰੰਗ ਤੋਂ ਤੁਰੰਤ ਇੱਕ ਮੇਲ ਖਾਂਦਾ ਪੈਲੇਟ ਬਣਾਓ: ਸ਼ੇਡਜ਼, ਪੂਰਕ, ਐਨਾਲਾਗਸ, ਟ੍ਰਾਈਡੀਕੇਟ ਅਤੇ ਟੈਟਰਾਡਾਈਡ। HEX/RGB/HSL ਕਾਪੀ ਕਰਨਾ ਸਮੇਤ।

ਰੰਗ ਪੈਲੇਟ ਸਿਰਜਣਹਾਰ
ਹਲਕੇ ਸੁਰ (ਟਿੰਟਸ)
ਗੂੜ੍ਹੇ ਸੁਰ (ਸ਼ੇਡ)
ਪੂਰਕ
ਐਨਾਲਾਗ
ਟ੍ਰਾਈਡਿਕ
ਟੈਟਰਾਡਿਕ
ਜਾਣਕਾਰੀ

ਕਲਰ ਪੈਲੇਟ ਬਿਲਡਰ ਮੁਫ਼ਤ ਬਾਰੇ

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

ਔਜ਼ਾਰ; ਰੰਗ (ਹਲਕੇ ਰੰਗ) ਅਤੇ ਸ਼ੇਡਜ਼ (ਗੂੜ੍ਹੇ ਰੰਗ), ਪੂਰਕ, ਐਨਾਲਾਗ, ਤਿੱਕੜੀ ਅਤੇ ਟੈਟ੍ਰੈਡਿਕ ਇਹ ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਅਨੁਸਾਰ ਰੰਗਾਂ ਦੀ ਇਕਸੁਰਤਾ ਦੀ ਗਣਨਾ ਕਰਦਾ ਹੈ। ਹਰੇਕ ਰੰਗ ਲਈ... ਹੈਕਸ, RGBName ਅਤੇ ਐਚਐਸਐਲ ਤੁਸੀਂ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਫਾਰਮੈਟਾਂ ਦੀ ਨਕਲ ਕਰ ਸਕਦੇ ਹੋ। ਤੁਸੀਂ HEX ਕੋਡ ਟਾਈਪ ਕਰਕੇ ਜਾਂ ਰੰਗ ਚੋਣਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਲੋੜੀਂਦਾ ਰੰਗ ਦਰਜ ਕਰ ਸਕਦੇ ਹੋ।

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

ਇਸਨੂੰ ਕਿਵੇਂ ਵਰਤਣਾ ਹੈ?

ਕਦਮ ਦਰ ਕਦਮ

  1. HEX ਬਾਕਸ ਵਿੱਚ ਇੱਕ ਰੰਗ ਕੋਡ ਦਰਜ ਕਰੋ (ਜਿਵੇਂ ਕਿ #3b82f6) ਜਾਂ ਰੰਗ ਚੋਣਕਾਰ ਆਈਕਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਰੰਗ ਬ੍ਰਾਊਜ਼ ਕਰੋ।
  2. ਇਹ ਟੂਲ ਤੁਹਾਡੇ ਦੁਆਰਾ ਚੁਣਿਆ ਗਿਆ ਰੰਗ ਆਪਣੇ ਆਪ ਚੁਣ ਲਵੇਗਾ। ਸ਼ੇਡਜ਼, ਪੂਰਕ, ਐਨਾਲਾਗ, ਤਿੱਕੜੀ ਅਤੇ ਟੈਟ੍ਰੈਡਿਕ ਇਹ ਪੈਲੇਟ ਤਿਆਰ ਕਰਦਾ ਹੈ।
  3. ਹਰੇਕ ਰੰਗ ਦੇ ਡੱਬੇ ਹੇਠ HEX, RGB ਅਤੇ HSL ਤੁਸੀਂ ਮੁੱਲ ਵੇਖੋਗੇ; ਲੋੜੀਂਦੇ ਫਾਰਮੈਟ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਉਹਨਾਂ ਨੂੰ ਕਲਿੱਪਬੋਰਡ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।
  4. ਜਦੋਂ ਤੁਸੀਂ ਮੁੱਖ ਰੰਗ ਬਦਲਦੇ ਹੋ, ਤਾਂ ਸਾਰੇ ਪੈਲੇਟ ਤੁਰੰਤ ਅੱਪਡੇਟ ਹੋ ਜਾਂਦੇ ਹਨ; ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਇਸਦਾ ਧੰਨਵਾਦ, ਤੁਸੀਂ ਤੁਰੰਤ ਇਕਸੁਰਤਾ ਵੇਖੋਗੇ।
FAQ

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

ਉਹ ਰੰਗ ਜੋ ਰੰਗ ਚੱਕਰ 'ਤੇ ਚੁਣੇ ਗਏ ਰੰਗ ਦੇ ਬਿਲਕੁਲ ਉਲਟ (180°) ਹੁੰਦਾ ਹੈ, ਉਸਨੂੰ ਪੂਰਕ ਰੰਗ ਕਿਹਾ ਜਾਂਦਾ ਹੈ। ਇਹ ਉੱਚ ਵਿਪਰੀਤਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਅਤੇ ਅੱਖਾਂ ਨੂੰ ਆਕਰਸ਼ਕ ਲਹਿਜ਼ੇ ਵਾਲੇ ਰੰਗਾਂ ਲਈ ਆਦਰਸ਼ ਹੈ।

ਸਮਾਨ ਰੰਗ ਉਹ ਰੰਗ ਹੁੰਦੇ ਹਨ ਜੋ ਰੰਗ ਚੱਕਰ 'ਤੇ ਇੱਕ ਦੂਜੇ ਦੇ ਨਾਲ ਲੱਗਦੇ (±30°) ਹੁੰਦੇ ਹਨ। ਇਹ ਇਕਸੁਰਤਾ, ਜੋ ਅਕਸਰ ਕੁਦਰਤ ਵਿੱਚ ਪਾਈ ਜਾਂਦੀ ਹੈ, ਅੱਖ ਨੂੰ ਸ਼ਾਂਤ ਅਤੇ ਸੰਤੁਲਿਤ ਜਾਪਦੀ ਹੈ; ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਪਿਛੋਕੜ-ਟੈਕਸਟ ਰੰਗ ਸੰਜੋਗਾਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।

ਟ੍ਰਾਈਡਿਕ ਹਾਰਮੋਨੀ ਵਿੱਚ, ਰੰਗ ਚੱਕਰ ਨੂੰ ਤਿੰਨ ਬਰਾਬਰ ਹਿੱਸਿਆਂ (120°) ਵਿੱਚ ਵੰਡਿਆ ਜਾਂਦਾ ਹੈ; ਇਹ ਸੰਤੁਲਿਤ ਅਤੇ ਜੀਵੰਤ ਪੈਲੇਟ ਬਣਾਉਂਦਾ ਹੈ। ਟੈਟ੍ਰੈਡਿਕ ਹਾਰਮੋਨੀ ਵਿੱਚ, ਚਾਰ ਰੰਗ 90° ਅੰਤਰਾਲਾਂ 'ਤੇ ਰੱਖੇ ਜਾਂਦੇ ਹਨ; ਇਹ ਇੱਕ ਹੋਰ ਵਿਭਿੰਨ ਪੈਲੇਟ ਦੀ ਪੇਸ਼ਕਸ਼ ਕਰਦਾ ਹੈ, ਪਰ ਧਿਆਨ ਨਾਲ ਵਰਤੋਂ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।

ਤੁਸੀਂ ਆਪਣੇ ਓਪਰੇਟਿੰਗ ਸਿਸਟਮ ਦੇ ਰੰਗ ਚੋਣਕਾਰ ਨੂੰ ਰੰਗ ਚੋਣਕਾਰ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਖੋਲ੍ਹ ਸਕਦੇ ਹੋ। ਜੇਕਰ ਤੁਹਾਡੇ ਕੋਲ RGB ਜਾਂ HSL ਮੁੱਲ ਹਨ, ਤਾਂ ਤੁਸੀਂ ਪਹਿਲਾਂ ਉਹਨਾਂ ਨੂੰ ਔਨਲਾਈਨ ਕਨਵਰਟਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ HEX ਵਿੱਚ ਬਦਲ ਸਕਦੇ ਹੋ ਅਤੇ ਉਹਨਾਂ ਨੂੰ ਇੱਥੇ ਪੇਸਟ ਕਰ ਸਕਦੇ ਹੋ।

ਹਰੇਕ ਰੰਗ ਦੇ HEX ਜਾਂ HSL ਮੁੱਲ ਦੀ ਨਕਲ ਕਰੋ। : ਰੂਟ { --ਪ੍ਰਾਇਮਰੀ: #3b82f6; } ਤੁਸੀਂ ਇਸਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਇੱਕ CSS ਵੇਰੀਏਬਲ ਦੇ ਰੂਪ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ। HSL ਫਾਰਮੈਟ ਖਾਸ ਤੌਰ 'ਤੇ ਚਮਕ/ਸੰਤ੍ਰਿਪਤਾ ਨੂੰ ਪ੍ਰੋਗਰਾਮੇਟਿਕ ਤੌਰ 'ਤੇ ਐਡਜਸਟ ਕਰਨ ਲਈ ਢੁਕਵਾਂ ਹੈ।