ਰੰਗ ਪੈਲੇਟ ਬਿਲਡਰ ਮੁਫ਼ਤ
ਇੱਕ HEX ਰੰਗ ਤੋਂ ਤੁਰੰਤ ਇੱਕ ਮੇਲ ਖਾਂਦਾ ਪੈਲੇਟ ਬਣਾਓ: ਸ਼ੇਡਜ਼, ਪੂਰਕ, ਐਨਾਲਾਗਸ, ਟ੍ਰਾਈਡੀਕੇਟ ਅਤੇ ਟੈਟਰਾਡਾਈਡ। HEX/RGB/HSL ਕਾਪੀ ਕਰਨਾ ਸਮੇਤ।
ਕਲਰ ਪੈਲੇਟ ਬਿਲਡਰ ਮੁਫ਼ਤ ਬਾਰੇ
ਵੈੱਬ ਡਿਜ਼ਾਈਨ, ਗ੍ਰਾਫਿਕ ਡਿਜ਼ਾਈਨ, ਅਤੇ ਬ੍ਰਾਂਡ ਪਛਾਣ ਪ੍ਰੋਜੈਕਟਾਂ ਵਿੱਚ ਰੰਗ ਪੈਲੇਟ ਬਣਾਉਣਾ ਸਭ ਤੋਂ ਮਹੱਤਵਪੂਰਨ ਕਦਮਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ। ਇੱਕ ਚੰਗੀ ਤਰ੍ਹਾਂ ਚੁਣਿਆ ਗਿਆ ਰੰਗ ਪੈਲੇਟ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਉਂਦਾ ਹੈ, ਬ੍ਰਾਂਡ ਦੀ ਇਕਸਾਰਤਾ ਨੂੰ ਮਜ਼ਬੂਤ ਕਰਦਾ ਹੈ, ਅਤੇ ਅੱਖਾਂ ਦੇ ਦਬਾਅ ਨੂੰ ਘਟਾਉਂਦਾ ਹੈ। ਹੋਸਟਰਾਗਨ ਕਲਰ ਪੈਲੇਟ ਸਿਰਜਣਹਾਰ ਇਸ ਨਾਲ, ਤੁਸੀਂ ਇੱਕ ਸਿੰਗਲ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਤੋਂ ਸ਼ੁਰੂ ਕਰਦੇ ਹੋਏ ਤੁਰੰਤ ਪੰਜ ਵੱਖ-ਵੱਖ ਪੈਲੇਟ ਸਟਾਈਲ ਬਣਾ ਸਕਦੇ ਹੋ।
ਔਜ਼ਾਰ; ਰੰਗ (ਹਲਕੇ ਰੰਗ) ਅਤੇ ਸ਼ੇਡਜ਼ (ਗੂੜ੍ਹੇ ਰੰਗ), ਪੂਰਕ, ਐਨਾਲਾਗ, ਤਿੱਕੜੀ ਅਤੇ ਟੈਟ੍ਰੈਡਿਕ ਇਹ ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਅਨੁਸਾਰ ਰੰਗਾਂ ਦੀ ਇਕਸੁਰਤਾ ਦੀ ਗਣਨਾ ਕਰਦਾ ਹੈ। ਹਰੇਕ ਰੰਗ ਲਈ... ਹੈਕਸ, RGBName ਅਤੇ ਐਚਐਸਐਲ ਤੁਸੀਂ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਫਾਰਮੈਟਾਂ ਦੀ ਨਕਲ ਕਰ ਸਕਦੇ ਹੋ। ਤੁਸੀਂ HEX ਕੋਡ ਟਾਈਪ ਕਰਕੇ ਜਾਂ ਰੰਗ ਚੋਣਕਾਰ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਲੋੜੀਂਦਾ ਰੰਗ ਦਰਜ ਕਰ ਸਕਦੇ ਹੋ।
ਸਾਰੀਆਂ ਗਣਨਾਵਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰੀਅਲ-ਟਾਈਮ ਵਿੱਚ ਕੀਤੀਆਂ ਜਾਂਦੀਆਂ ਹਨ; ਸਰਵਰ ਨੂੰ ਕੋਈ ਡਾਟਾ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ। ਤੁਸੀਂ ਇਸ ਟੂਲ ਨੂੰ CSS ਵੇਰੀਏਬਲ, ਟੇਲਵਿੰਡ ਥੀਮ ਰੰਗ, ਜਾਂ ਫਿਗਮਾ ਰੰਗ ਸ਼ੈਲੀਆਂ ਤਿਆਰ ਕਰਦੇ ਸਮੇਂ ਇੱਕ ਹਵਾਲੇ ਵਜੋਂ ਵਰਤ ਸਕਦੇ ਹੋ। ਇਸਦੇ ਤੁਰਕੀ ਇੰਟਰਫੇਸ ਅਤੇ ਮੋਬਾਈਲ-ਅਨੁਕੂਲ ਡਿਜ਼ਾਈਨ ਦੇ ਨਾਲ, ਇਹ ਡੈਸਕਟਾਪਾਂ ਅਤੇ ਸਮਾਰਟਫੋਨ ਦੋਵਾਂ 'ਤੇ ਸਹਿਜੇ ਹੀ ਕੰਮ ਕਰਦਾ ਹੈ।
ਕਦਮ ਦਰ ਕਦਮ
- HEX ਬਾਕਸ ਵਿੱਚ ਇੱਕ ਰੰਗ ਕੋਡ ਦਰਜ ਕਰੋ (ਜਿਵੇਂ ਕਿ #3b82f6) ਜਾਂ ਰੰਗ ਚੋਣਕਾਰ ਆਈਕਨ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਰੰਗ ਬ੍ਰਾਊਜ਼ ਕਰੋ।
- ਇਹ ਟੂਲ ਤੁਹਾਡੇ ਦੁਆਰਾ ਚੁਣਿਆ ਗਿਆ ਰੰਗ ਆਪਣੇ ਆਪ ਚੁਣ ਲਵੇਗਾ। ਸ਼ੇਡਜ਼, ਪੂਰਕ, ਐਨਾਲਾਗ, ਤਿੱਕੜੀ ਅਤੇ ਟੈਟ੍ਰੈਡਿਕ ਇਹ ਪੈਲੇਟ ਤਿਆਰ ਕਰਦਾ ਹੈ।
- ਹਰੇਕ ਰੰਗ ਦੇ ਡੱਬੇ ਹੇਠ HEX, RGB ਅਤੇ HSL ਤੁਸੀਂ ਮੁੱਲ ਵੇਖੋਗੇ; ਲੋੜੀਂਦੇ ਫਾਰਮੈਟ 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਉਹਨਾਂ ਨੂੰ ਕਲਿੱਪਬੋਰਡ ਵਿੱਚ ਕਾਪੀ ਕਰੋ।
- ਜਦੋਂ ਤੁਸੀਂ ਮੁੱਖ ਰੰਗ ਬਦਲਦੇ ਹੋ, ਤਾਂ ਸਾਰੇ ਪੈਲੇਟ ਤੁਰੰਤ ਅੱਪਡੇਟ ਹੋ ਜਾਂਦੇ ਹਨ; ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਇਸਦਾ ਧੰਨਵਾਦ, ਤੁਸੀਂ ਤੁਰੰਤ ਇਕਸੁਰਤਾ ਵੇਖੋਗੇ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ
: ਰੂਟ { --ਪ੍ਰਾਇਮਰੀ: #3b82f6; } ਤੁਸੀਂ ਇਸਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਇੱਕ CSS ਵੇਰੀਏਬਲ ਦੇ ਰੂਪ ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਕਰ ਸਕਦੇ ਹੋ। HSL ਫਾਰਮੈਟ ਖਾਸ ਤੌਰ 'ਤੇ ਚਮਕ/ਸੰਤ੍ਰਿਪਤਾ ਨੂੰ ਪ੍ਰੋਗਰਾਮੇਟਿਕ ਤੌਰ 'ਤੇ ਐਡਜਸਟ ਕਰਨ ਲਈ ਢੁਕਵਾਂ ਹੈ।