ਮੁਫ਼ਤ ਰੰਗ ਪੈਲੇਟ ਜਨਰੇਟਰ

ਇਹ ਕਿਵੇਂ ਕੰਮ ਕਰਦਾ ਹੈ

ਇਹ ਟੂਲ ਬਿਨਾਂ ਕਿਸੇ ਬਾਹਰੀ ਲਾਇਬ੍ਰੇਰੀ ਦੇ ਬਣਿਆ ਹੈ — ਸਾਰਾ ਰੰਗ ਗਣਿਤ ਹੱਥ ਨਾਲ ਲਿਖੀ JavaScript ਵਿੱਚ ਸਿੱਧੇ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ। ਇਹ ਤੁਹਾਡੇ ਚੁਣੇ ਰੰਗ ਨੂੰ hex ਅਤੇ HSL ਵਿਚਕਾਰ ਬਦਲਦਾ ਹੈ, ਫਿਰ ਹਰ ਪੈਲੇਟ ਬਣਾਉਣ ਲਈ hue wheel 'ਤੇ ਹਿਸਾਬ ਰਾਹੀਂ ਕਲਾਸਿਕ ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਇਕਸੁਰਤਾ ਨਿਯਮ (complementary, triadic, analogous, ਆਦਿ) ਲਾਗੂ ਕਰਦਾ ਹੈ।

1. 1
   Hex-ਤੋਂ-HSL ਬਦਲਾਅ

   ਰੰਗ ਚੁਣਨ 'ਤੇ, ਟੂਲ hex string ਨੂੰ RGB ਹਿੱਸਿਆਂ ਵਿੱਚ ਪਾਰਸ ਕਰਦਾ ਹੈ ਅਤੇ ਉਨ੍ਹਾਂ ਨੂੰ HSL (hue, saturation, lightness) ਵਿੱਚ ਬਦਲਦਾ ਹੈ। Hue ਰੰਗ ਚੱਕਰ 'ਤੇ 0–360 ਡਿਗਰੀ ਦੀ ਸਥਿਤੀ ਹੈ; ਸਾਰਾ ਪੈਲੇਟ ਗਣਿਤ ਇਸੇ ਸਪੇਸ ਵਿੱਚ ਹੁੰਦਾ ਹੈ।
2. 2
   ਇਕਸੁਰਤਾ ਲਈ hue ਹਿਸਾਬ

   ਹਰ ਪੈਲੇਟ ਕਿਸਮ ਮੂਲ hue 'ਤੇ ਲਾਗੂ ਇੱਕ ਪੱਕਾ ਘੁਮਾਅ ਫ਼ਾਰਮੂਲਾ ਹੈ। Complementary 180° ਜੋੜਦਾ ਹੈ, triadic 120° ਅਤੇ 240° ਜੋੜਦਾ ਹੈ, tetradic 90° ਦੇ ਕਦਮ ਲੈਂਦਾ ਹੈ, split-complementary 150° ਅਤੇ 210° ਵਰਤਦਾ ਹੈ। Monochromatic ਅਤੇ shades hue ਅਤੇ saturation ਸਥਿਰ ਰੱਖ ਕੇ lightness ਉੱਪਰ-ਹੇਠਾਂ ਕਰਦੇ ਹਨ।
3. 3
   HSL-ਤੋਂ-hex ਆਉਟਪੁੱਟ

   ਹਰ ਗਿਣਿਆ HSL ਤ੍ਰਿਕ ਮਿਆਰੀ chroma ਫ਼ਾਰਮੂਲੇ ਨਾਲ ਵਾਪਸ hex ਰੰਗ ਵਿੱਚ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ। ਨਤੀਜੇ ਇੱਕ ਰੰਗ ਪੱਟੀ ਵਜੋਂ ਆਪਣੇ-ਆਪ ਕੰਟ੍ਰਾਸਟ ਕੀਤੇ ਲੇਬਲਾਂ ਨਾਲ ਦਿਸਦੇ ਹਨ (ਹਲਕੇ swatches 'ਤੇ ਗੂੜ੍ਹਾ ਟੈਕਸਟ, ਗੂੜ੍ਹਿਆਂ 'ਤੇ ਹਲਕਾ) ਜੋ ਇੱਕ ਸਾਦੀ luminance ਹੱਦ ਨਾਲ ਤੈਅ ਹੁੰਦੇ ਹਨ।
4. 4
   ਆਪਣੇ ਪਸੰਦੀਦਾ ਫਾਰਮੈਟ ਵਿੱਚ ਐਕਸਪੋਰਟ ਕਰੋ

   ਪੈਲੇਟ hex strings ਵਜੋਂ ਕਾਪੀ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ ਜਾਂ CSS variables ਫ਼ਾਈਲ (:root { --color-1: … }), SCSS variables, Tailwind config snippet, JSON object, ਜਾਂ PNG ਰੰਗ ਪੱਟੀ ਵਜੋਂ ਐਕਸਪੋਰਟ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ। PNG ਐਕਸਪੋਰਟ ਹਰ swatch ਨੂੰ ਉਸਦੇ hex ਲੇਬਲ ਨਾਲ ਬਣਾਉਣ ਲਈ ਬ੍ਰਾਊਜ਼ਰ ਦੀ Canvas API (toDataURL) ਵਰਤਦਾ ਹੈ — ਸਭ ਕੁਝ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਲੋਕਲ ਤੌਰ 'ਤੇ ਬਣਦਾ ਹੈ।

ਸੰਬੰਧਿਤ ਟੂਲ