ਬੇਤਰਤੀਬ ਰੰਗ ਜਨਰੇਟਰ

ਇੱਕੋ ਵਾਰ 50 ਤੱਕ ਬੇਤਰਤੀਬ ਰੰਗ ਬਣਾਓ — ਕੋਈ ਵੀ ਰੰਗ, ਜਾਂ ਸਿਰਫ਼ ਚਮਕਦਾਰ, ਪੇਸਟਲ ਜਾਂ ਗੂੜ੍ਹੇ ਰੰਗ — ਹਰੇਕ ਆਪਣੇ HEX, RGB ਜਾਂ HSL ਕੋਡ ਅਤੇ ਟੈਕਸਟ-ਕੰਟ੍ਰਾਸਟ ਬੈਜ ਨਾਲ, ਸੁਰੱਖਿਅਤ ਰੈਂਡਮਨੈੱਸ ਨਾਲ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਤਿਆਰ ਕੀਤੇ ਗਏ।

ਕੱਢਣ ਲਈ ਜਨਰੇਟ ਦਬਾਓ
ਐਡਵਾਂਸਡ ਵਿਕਲਪ
ਹਿਊ (°)
ਸੰਤ੍ਰਿਪਤਾ (%)
ਹਲਕਾਪਣ (%)

ਕੀ ਤੁਹਾਨੂੰ ਕਿਸੇ ਮੌਕਅੱਪ, ਚਾਰਟ ਜਾਂ ਖਾਲੀ ਕੈਨਵਸ ਲਈ ਰੰਗ ਦੀ ਲੋੜ ਹੈ ਅਤੇ ਆਦਤ ਮੁਤਾਬਕ ਰੰਗ ਚੁਣਨਾ ਨਹੀਂ ਚਾਹੁੰਦੇ? ਇਹ ਮੁਫ਼ਤ ਬੇਤਰਤੀਬ ਰੰਗ ਜਨਰੇਟਰ ਸਕ੍ਰੀਨ ਦੁਆਰਾ ਦਿਖਾਈ ਜਾ ਸਕਣ ਵਾਲੀ ਪੂਰੀ 24-bit ਰੇਂਜ ਵਿੱਚੋਂ ਰੰਗ ਚੁਣਦਾ ਹੈ ਅਤੇ ਹਰੇਕ ਰੰਗ ਨੂੰ ਉਸਦੇ ਕੋਡ ਦੇ ਨਾਲ ਇੱਕ ਰੰਗ ਦੇ ਨਮੂਨੇ 'ਤੇ ਦਿਖਾਉਂਦਾ ਹੈ। “ਚੋਣਾਂ ਦੀ ਗਿਣਤੀ” ਫੀਲਡ ਵਿੱਚ ਚੁਣੋ ਕਿ ਤੁਹਾਨੂੰ ਕਿੰਨੇ ਰੰਗ ਚਾਹੀਦੇ ਹਨ — 1 ਤੋਂ 50 ਤੱਕ — ਲੋੜੀਂਦੇ ਫਾਰਮੈਟਾਂ 'ਤੇ ਨਿਸ਼ਾਨ ਲਗਾਓ, ਅਤੇ “ਜਨਰੇਟ ਕਰੋ” ਬਟਨ ਦਬਾਓ। ਪੰਨਾ ਸ਼ੁਰੂ ਵਿੱਚ HEX ਵਿੱਚ ਇੱਕ ਸਿੰਗਲ ਰੰਗ ਨਾਲ ਖੁੱਲ੍ਹਦਾ ਹੈ, ਇਸ ਲਈ ਪਹਿਲਾ ਨਤੀਜਾ ਸਿਰਫ਼ ਇੱਕ ਕਲਿੱਕ ਦੀ ਦੂਰੀ 'ਤੇ ਹੁੰਦਾ ਹੈ। ਸ਼ੁਰੂ ਤੋਂ ਹੀ “HEX ਕੋਡ” ਵਿਕਲਪ ਚੁਣਿਆ ਹੁੰਦਾ ਹੈ, “RGB ਕੋਡ” ਅਤੇ “HSL ਕੋਡ” ਇਸਦੇ ਨਾਲ ਮੌਜੂਦ ਹੁੰਦੇ ਹਨ, ਅਤੇ ਤਿੰਨਾਂ ਵਿੱਚੋਂ ਕਿਸੇ ਵੀ ਮਿਸ਼ਰਨ ਨੂੰ ਇੱਕੋ ਸਮੇਂ ਚਾਲੂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। “ਜਨਰੇਟ ਕਰੋ” ਦੇ ਨਾਲ ਵਾਲਾ ਗੇਅਰ ਬਟਨ “ਐਡਵਾਂਸਡ ਵਿਕਲਪ” ਪੈਨਲ ਖੋਲ੍ਹਦਾ ਹੈ, ਜਿੱਥੇ ਤੁਸੀਂ ਰੰਗਾਂ ਨੂੰ ਕਿਸੇ ਇੱਕ ਕਿਸਮ ਜਾਂ ਸੀਮਾ ਤੱਕ ਸੀਮਤ ਕਰ ਸਕਦੇ ਹੋ, ਦੁਹਰਾਓ ਨੂੰ ਬਾਹਰ ਕੱਢ ਸਕਦੇ ਹੋ ਅਤੇ HEX ਲਿਖਣ ਦਾ ਤਰੀਕਾ ਬਦਲ ਸਕਦੇ ਹੋ।

ਹਰੇਕ ਰੰਗ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ Web Crypto API (crypto.getRandomValues) ਰਾਹੀਂ ਤਿਆਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਜੋ Math.random() ਵਰਗੇ ਸੂਡੋ-ਰੈਂਡਮ ਫੰਕਸ਼ਨ ਦੀ ਬਜਾਏ ਤੁਹਾਡੇ ਸਿਸਟਮ ਦੇ ਆਪਣੇ ਰੈਂਡਮਨੈੱਸ ਦੇ ਸਰੋਤ ਤੋਂ ਕ੍ਰਿਪਟੋਗ੍ਰਾਫਿਕ ਤੌਰ 'ਤੇ ਮਜ਼ਬੂਤ ਰੈਂਡਮ ਬਾਈਟ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਸਕ੍ਰੀਨ 'ਤੇ ਰੰਗ ਤਿੰਨ ਚੈਨਲਾਂ ਤੋਂ ਬਣਦਾ ਹੈ — ਲਾਲ, ਹਰਾ ਅਤੇ ਨੀਲਾ — ਹਰੇਕ 0 ਤੋਂ 255 ਤੱਕ ਦਾ ਪੂਰਨ ਅੰਕ ਹੁੰਦਾ ਹੈ, ਅਤੇ ਇੱਕ ਰੈਂਡਮ ਬਾਈਟ ਬਿਲਕੁਲ 256 ਵਿੱਚੋਂ ਇੱਕ ਮੁੱਲ ਲੈ ਸਕਦਾ ਹੈ। ਇਸ ਲਈ ਹਰੇਕ ਚੈਨਲ ਸਿੱਧਾ ਇੱਕ ਬਾਈਟ ਹੁੰਦਾ ਹੈ, ਬਿਨਾਂ ਕਿਸੇ ਵਿਚਕਾਰਲੇ ਕਦਮ ਦੇ: ਕੋਈ ਬਾਕੀ ਨਹੀਂ ਲਈ ਜਾਂਦੀ, ਅਤੇ ਕਿਸੇ ਵੀ ਰੰਗਤ ਨੂੰ ਤਬਦੀਲੀ ਦੇ ਪੜਾਅ ਰਾਹੀਂ ਤਰਜੀਹ ਨਹੀਂ ਦਿੱਤੀ ਜਾਂਦੀ। ਇਹ ਇਸ ਪੰਨੇ ਦੁਆਰਾ ਤਿਆਰ ਕੀਤੇ ਜਾ ਸਕਣ ਵਾਲੇ ਸਾਰੇ 16,777,216 ਰੰਗਾਂ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬਰਾਬਰ ਸੰਭਾਵਨਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਹਰ ਵਾਰ ਜਦੋਂ ਤੁਸੀਂ “ਜਨਰੇਟ ਕਰੋ” ਦਬਾਉਂਦੇ ਹੋ। “ਐਡਵਾਂਸਡ ਵਿਕਲਪ” ਵਿੱਚ ਇੱਕ ਸੀਮਤ ਦਾਇਰਾ ਉਸ ਸੀਮਾ ਦੇ ਅੰਦਰ ਵੀ ਇਹ ਨਿਯਮ ਕਾਇਮ ਰੱਖਦਾ ਹੈ: ਰੰਗ ਅਜੇ ਵੀ ਪੂਰੀ ਸਪੇਸ ਵਿੱਚੋਂ ਚੁਣੇ ਜਾਂਦੇ ਹਨ ਅਤੇ ਬਾਹਰ ਆਉਣ ਵਾਲੇ ਰੰਗਾਂ ਨੂੰ ਪਾਸੇ ਰੱਖਿਆ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਜੋ ਸੀਮਾ ਵਿੱਚ ਆਉਣ ਵਾਲੇ ਹਰੇਕ ਰੰਗ ਨੂੰ ਬਰਾਬਰ ਮੌਕਾ ਮਿਲੇ। ਸਰਵਰ 'ਤੇ ਕੁਝ ਵੀ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ, ਕੁਝ ਵੀ ਲੌਗ ਨਹੀਂ ਹੁੰਦਾ, ਅਤੇ ਪੰਨਾ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਇੰਟਰਨੈੱਟ ਕਨੈਕਸ਼ਨ ਬੰਦ ਹੋਣ 'ਤੇ ਵੀ ਕੰਮ ਕਰਦਾ ਰਹਿੰਦਾ ਹੈ।

ਤਿੰਨ ਫਾਰਮੈਟ ਇੱਕੋ ਰੰਗ ਨੂੰ ਤਿੰਨ ਤਰੀਕਿਆਂ ਨਾਲ ਬਿਆਨ ਕਰਦੇ ਹਨ। “HEX ਕੋਡ” ਫਾਰਮੈਟ ਛੇ ਅੰਕਾਂ ਦਾ ਰੂਪ ਹੈ ਜੋ CSS ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਡਿਜ਼ਾਈਨ ਸਾਧਨਾਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ #0778ff; ਇਹ ਸ਼ੁਰੂਆਤੀ # ਦੇ ਨਾਲ ਛੋਟੇ ਅੱਖਰਾਂ ਵਿੱਚ ਲਿਖਿਆ ਜਾਂਦਾ ਹੈ, ਅਤੇ “ਐਡਵਾਂਸਡ ਵਿਕਲਪ” ਵਿੱਚ “ਵੱਡੇ ਅੱਖਰ” ਅਤੇ “# ਤੋਂ ਬਿਨਾਂ” ਵਿਕਲਪ ਇਸ ਨੂੰ ਵੱਖਰੇ ਰੂਪ ਦੀ ਉਮੀਦ ਰੱਖਣ ਵਾਲੇ ਟੂਲਾਂ ਲਈ ਬਦਲ ਦਿੰਦੇ ਹਨ। “RGB ਕੋਡ” ਫਾਰਮੈਟ ਤਿੰਨਾਂ ਚੈਨਲਾਂ ਨੂੰ ਵੱਖ-ਵੱਖ ਦਰਸਾਉਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ rgb(7, 120, 255) ਵਿੱਚ, ਜੋ ਹਰੇਕ ਚੈਨਲ 'ਤੇ ਵੱਖਰੇ ਤੌਰ 'ਤੇ ਕੰਮ ਕਰਨ ਵਾਲੇ ਕੋਡ ਲਈ ਢੁਕਵਾਂ ਹੈ। “HSL ਕੋਡ” ਫਾਰਮੈਟ ਰੰਗ ਨੂੰ ਹਿਊ, ਸੰਤ੍ਰਿਪਤਾ ਅਤੇ ਹਲਕਾਪਣ ਰਾਹੀਂ ਦਰਸਾਉਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ hsl(213, 100%, 51%) ਵਿੱਚ, ਜੋ ਬਾਅਦ ਵਿੱਚ ਹੱਥੀਂ ਬਦਲਣ ਲਈ ਸਭ ਤੋਂ ਆਸਾਨ ਰੂਪ ਹੈ। ਇਹ ਤਿੰਨੇ ਸਿੱਧੇ ਸਟਾਈਲਸ਼ੀਟ ਵਿੱਚ ਪੇਸਟ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ। ਹਾਲਾਂਕਿ, ਇਹ ਸਾਰੇ ਬਰਾਬਰ ਸਟੀਕ ਨਹੀਂ ਹਨ। HEX ਅਤੇ RGB ਸਟੀਕ ਹਨ; HSL ਰਾਊਂਡ ਕੀਤਾ ਗਿਆ ਹੈ। ਪੰਨਾ ਹਿਊ, ਸੰਤ੍ਰਿਪਤਾ ਅਤੇ ਹਲਕਾਪਣ ਨੂੰ ਪੂਰਨ ਅੰਕਾਂ ਵਿੱਚ ਲਿਖਦਾ ਹੈ, ਅਤੇ ਲਗਭਗ 89% ਰੰਗਾਂ ਲਈ ਉਹ ਰਾਊਂਡ ਕੀਤਾ ਮੁੱਲ ਬਿਲਕੁਲ ਉਸੇ ਰੰਗ ਵਿੱਚ ਵਾਪਸ ਨਹੀਂ ਬਦਲਦਾ: #646503 ਨੂੰ hsl(61, 94%, 20%) ਵਜੋਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ, ਜੋ ਵਾਪਸ #616303 ਵਿੱਚ ਬਦਲਦਾ ਹੈ। ਅੰਤਰ ਕਿਸੇ ਚੈਨਲ ਵਿੱਚ ਕਦੇ ਵੀ 5 ਕਦਮਾਂ ਤੋਂ ਵੱਧ ਨਹੀਂ ਹੁੰਦਾ ਅਤੇ ਆਮ ਤੌਰ 'ਤੇ 1 ਜਾਂ 2 ਹੁੰਦਾ ਹੈ — ਸਕ੍ਰੀਨ 'ਤੇ ਅਦਿੱਖ, ਪਰ ਅਸਲ ਜੇਕਰ ਤੁਸੀਂ HSL ਮੁੱਲ ਨੂੰ ਸੰਭਾਲਦੇ ਹੋ ਅਤੇ ਅਸਲ HEX ਵਾਪਸ ਮਿਲਣ ਦੀ ਉਮੀਦ ਰੱਖਦੇ ਹੋ। ਸੰਭਾਲਣ ਲਈ HEX ਜਾਂ RGB ਨੂੰ ਹੀ ਮੁੱਲ ਵਜੋਂ ਰੱਖੋ।

ਇੱਕ ਰੰਗ ਨਤੀਜੇ ਦੇ ਵਿਚਕਾਰ ਇੱਕ ਕਾਰਡ ਦੇ ਰੂਪ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ; ਕਈ ਰੰਗ ਇੱਕ ਨੰਬਰ ਵਾਲੀ ਸੂਚੀ ਦੇ ਰੂਪ ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦੇ ਹਨ, ਪ੍ਰਤੀ ਕਤਾਰ ਇੱਕ ਰੰਗ, ਚੁਣੇ ਹੋਏ ਫਾਰਮੈਟ ਨਾਲ-ਨਾਲ ਅਤੇ ਅੰਤ ਵਿੱਚ ਇੱਕ ਛੋਟਾ ਕੰਟ੍ਰਾਸਟ ਬੈਜ ਹੁੰਦਾ ਹੈ। ਤਿੰਨ ਤੋਂ ਵੱਧ ਰੰਗਾਂ ਦੀ ਸੂਚੀ ਬਕਸੇ ਦੇ ਅੰਦਰ ਸਕ੍ਰੋਲ ਹੁੰਦੀ ਹੈ, ਅਤੇ ਕੋਨੇ ਵਿੱਚ ਤੀਰ ਇਸਨੂੰ ਪੂਰੀ ਉਚਾਈ 'ਤੇ ਖੋਲ੍ਹਦਾ ਹੈ; ਪੰਨਾ ਯਾਦ ਰੱਖਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਇਸਨੂੰ ਕਿਸ ਤਰ੍ਹਾਂ ਛੱਡਿਆ ਸੀ। ਸਿਰਫ਼ ਉਹੀ ਕੋਡ ਕਾਪੀ ਕਰਨ ਲਈ ਕਿਸੇ ਵੀ ਕੋਡ 'ਤੇ ਕਲਿੱਕ ਕਰੋ। ਕਤਾਰ ਦੇ ਅੰਤ ਵਿੱਚ ਕਾਪੀ ਬਟਨ ਉਸ ਰੰਗ ਦੇ ਹਰੇਕ ਕੋਡ ਨੂੰ ਇੱਕੋ ਲਾਈਨ 'ਤੇ ਸਪੇਸ ਦੁਆਰਾ ਵੱਖ ਕਰਕੇ ਕਾਪੀ ਕਰਦਾ ਹੈ। ਰੰਗ ਦੇ ਨਮੂਨੇ 'ਤੇ ਖੁਦ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਦਾ ਆਪਣਾ ਕਲਰ ਪਿਕਰ ਖੁੱਲ੍ਹ ਜਾਵੇਗਾ: ਉੱਥੇ ਇੱਕ ਵੱਖਰਾ ਰੰਗ ਚੁਣੋ ਅਤੇ ਉਸ ਕਤਾਰ ਵਿੱਚ ਹਰੇਕ ਕੋਡ ਤੁਹਾਡੇ ਵੱਲੋਂ ਚਾਲੂ ਕੀਤੇ ਹਰੇਕ ਫਾਰਮੈਟ ਵਿੱਚ ਮੇਲ ਖਾਣ ਲਈ ਦੁਬਾਰਾ ਲਿਖਿਆ ਜਾਵੇਗਾ, ਇਸਦੇ ਬੈਜ ਸਮੇਤ। “ਸਭ ਕਾਪੀ ਕਰੋ” ਬਟਨ ਪੂਰੇ ਬੈਚ ਨੂੰ ਕਾਪੀ ਕਰਦਾ ਹੈ, ਪ੍ਰਤੀ ਲਾਈਨ ਇੱਕ ਰੰਗ, ਅਤੇ “ਫਾਈਲ ਵਿੱਚ ਸੰਭਾਲੋ” ਉਹੀ ਟੈਕਸਟ ਇੱਕ ਸਾਧਾਰਨ .txt ਫਾਈਲ ਵਿੱਚ ਲਿਖਦਾ ਹੈ; ਦੋਵੇਂ ਪਿਕਰ ਵਿੱਚ ਬਦਲੇ ਗਏ ਕਿਸੇ ਵੀ ਰੰਗ ਦੀ ਪਾਲਣਾ ਕਰਦੇ ਹਨ। “ਹਿਸਟਰੀ” ਭਾਗ ਤੁਹਾਡੇ ਪਿਛਲੇ 10 ਬੈਚਾਂ ਨੂੰ ਇਸ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰੱਖਦਾ ਹੈ, ਬਿਲਕੁਲ ਉਸੇ ਤਰ੍ਹਾਂ ਜਿਵੇਂ ਉਹ ਤਿਆਰ ਕੀਤੇ ਗਏ ਸਨ, ਅਤੇ “ਸਾਫ਼ ਕਰੋ” ਨਤੀਜੇ ਨੂੰ ਖਾਲੀ ਕਰਦਾ ਹੈ। ਤੁਹਾਡੀਆਂ ਸੈਟਿੰਗਾਂ, ਜਿਸ ਵਿੱਚ “ਐਡਵਾਂਸਡ ਵਿਕਲਪ” ਦੀਆਂ ਸੈਟਿੰਗਾਂ ਵੀ ਸ਼ਾਮਲ ਹਨ, ਅਗਲੀ ਫੇਰੀ ਲਈ ਯਾਦ ਰੱਖੀਆਂ ਜਾਂਦੀਆਂ ਹਨ।

ਬਰਾਬਰ ਸੰਭਾਵਨਾ ਵਾਲੇ ਰੰਗ ਇਕਸਾਰ ਫੈਲੇ ਹੋਏ ਨਹੀਂ ਦਿਖਾਈ ਦਿੰਦੇ, ਅਤੇ ਇਹ ਜਾਣਨਾ ਕਿ ਕੀ ਉਮੀਦ ਕਰਨੀ ਹੈ, ਗਲਤ ਕਾਰਨ ਕਰਕੇ “ਜਨਰੇਟ ਕਰੋ” ਦਬਾਉਣ ਤੋਂ ਬਚਾਉਂਦਾ ਹੈ। ਪੂਰੀ ਰੇਂਜ ਵਿੱਚ ਮਾਪਿਆ ਜਾਵੇ ਤਾਂ ਲਗਭਗ 35% ਰੰਗ ਘੱਟੋ-ਘੱਟ 70% HSL ਸੰਤ੍ਰਿਪਤਾ ਅਤੇ 35% ਤੋਂ 65% ਵਿਚਕਾਰ ਹਲਕੇਪਣ ਦੇ ਨਾਲ ਚਮਕਦਾਰ ਅਤੇ ਸੰਤ੍ਰਿਪਤ ਹੁੰਦੇ ਹਨ। 20% ਤੋਂ ਘੱਟ ਸੰਤ੍ਰਿਪਤਾ ਵਾਲੇ ਲਗਭਗ ਸਲੇਟੀ ਰੰਗ ਸਿਰਫ਼ 4% ਦੇ ਕਰੀਬ ਹਨ, ਅਤੇ ਬਹੁਤ ਗੂੜ੍ਹੇ ਰੰਗ (20% ਤੋਂ ਘੱਟ ਹਲਕਾਪਣ) ਅਤੇ ਬਹੁਤ ਹਲਕੇ ਰੰਗ (80% ਤੋਂ ਵੱਧ) ਹਰੇਕ ਲਗਭਗ 3% ਹਨ। ਇਸ ਲਈ “ਸਾਰੇ ਰੰਗ” ਵਿੱਚੋਂ ਦਸ ਦਾ ਇੱਕ ਬੈਚ ਆਮ ਤੌਰ 'ਤੇ ਕਈ ਮਜ਼ਬੂਤ ਰੰਗਾਂ ਨੂੰ ਰੱਖੇਗਾ ਅਤੇ ਸ਼ਾਇਦ ਹੀ ਕੋਈ ਪੇਸਟਲ ਜਾਂ ਗੂੜ੍ਹਾ ਸਲੇਟੀ ਰੰਗ ਹੋਵੇਗਾ। ਜਦੋਂ ਤੁਹਾਨੂੰ ਕਿਸੇ ਖਾਸ ਕਿਸਮ ਦੀ ਲੋੜ ਹੋਵੇ, ਤਾਂ ਇਸਨੂੰ “ਰੰਗ ਦੀ ਕਿਸਮ” ਵਿੱਚ ਚੁਣੋ: “ਚਮਕਦਾਰ” ਬਿਲਕੁਲ ਉਸੇ ਸੰਤ੍ਰਿਪਤ ਸਮੂਹ ਨੂੰ ਰੱਖਦਾ ਹੈ, ਅਤੇ “ਪੇਸਟਲ”, “ਗੂੜ੍ਹੇ”, “ਮੱਧਮ” ਅਤੇ “ਗ੍ਰੇਸਕੇਲ” ਆਪਣੇ ਸਮੂਹਾਂ ਲਈ ਉਹੀ ਕੰਮ ਕਰਦੇ ਹਨ। “ਕਸਟਮ” ਵਿਕਲਪ ਤੁਹਾਨੂੰ “ਹਿਊ”, “ਸੰਤ੍ਰਿਪਤਾ” ਅਤੇ “ਹਲਕਾਪਣ” ਦੀ ਆਪਣੀ ਰੇਂਜ ਸੈੱਟ ਕਰਨ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਹਿਊ ਰੇਂਜ 0 ਤੋਂ ਅੱਗੇ ਜਾ ਸਕਦੀ ਹੈ, ਇਸ ਲਈ 330 ਤੋਂ 30 ਲਾਲ ਰੰਗ ਦਿੰਦੀ ਹੈ। ਰੇਂਜ ਦੀ ਜਾਂਚ ਪੰਨੇ ਦੁਆਰਾ ਦਿਖਾਏ ਗਏ HSL ਕੋਡ ਦੇ ਮੁਕਾਬਲੇ ਕੀਤੀ ਜਾਂਦੀ ਹੈ, ਇਸ ਲਈ ਕੋਈ ਵੀ ਕੋਡ ਇਸ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦਾ, ਅਤੇ ਜੇਕਰ ਇਸ ਵਿੱਚ “ਚੋਣਾਂ ਦੀ ਗਿਣਤੀ” ਵਿੱਚ ਦਿੱਤੇ ਮੁੱਲ ਲਈ ਬਹੁਤ ਘੱਟ ਰੰਗ ਹਨ, ਤਾਂ ਪੰਨਾ ਰੰਗਾਂ ਨੂੰ ਦੁਹਰਾਉਣ ਦੀ ਬਜਾਏ ਤੁਹਾਨੂੰ ਇਸਨੂੰ ਚੌੜਾ ਕਰਨ ਲਈ ਕਹਿੰਦਾ ਹੈ। ਦੁਹਰਾਓ ਨਹੀਂ ਤਾਂ ਸੰਭਵ ਹਨ ਪਰ ਦੁਰਲੱਭ ਹਨ: ਉਹਨਾਂ ਨੂੰ ਬਾਹਰ ਕੱਢਣ ਲਈ “ਦੁਹਰਾਓ ਤੋਂ ਬਚੋ” 'ਤੇ ਨਿਸ਼ਾਨ ਲਗਾਓ, ਅਤੇ ਇਸਦੇ ਬਿਨਾਂ ਪੂਰੀ ਰੇਂਜ ਵਿੱਚੋਂ 50 ਵਿੱਚੋਂ ਦੋ ਰੰਗ ਇੱਕੋ ਜਿਹੇ ਨਿਕਲਣ ਦੀ ਸੰਭਾਵਨਾ 13,700 ਵਿੱਚੋਂ ਲਗਭਗ 1 ਹੁੰਦੀ ਹੈ।

ਇੱਕ ਬੇਤਰਤੀਬ ਰੰਗ ਅਕਸਰ ਬੈਕਗ੍ਰਾਊਂਡ ਦੇ ਤੌਰ 'ਤੇ ਲੋੜੀਂਦਾ ਹੁੰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਇੱਕ ਅਜਿਹਾ ਸਵਾਲ ਉੱਠਦਾ ਹੈ ਜਿਸਦਾ ਜਵਾਬ ਰੰਗ ਦਾ ਨਮੂਨਾ ਅੱਖਾਂ ਨਾਲ ਨਹੀਂ ਦੇ ਸਕਦਾ: ਕੀ ਇਸ 'ਤੇ ਟੈਕਸਟ ਪੜ੍ਹਨਯੋਗ ਹੋਵੇਗਾ? ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼, WCAG, ਆਮ ਟੈਕਸਟ ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1 ਦੇ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦੀ ਮੰਗ ਕਰਦੇ ਹਨ। ਇਸ ਪੰਨੇ ਦੁਆਰਾ ਤਿਆਰ ਕੀਤੇ ਜਾ ਸਕਣ ਵਾਲੇ ਹਰ ਰੰਗ 'ਤੇ ਮਾਪਿਆ ਜਾਵੇ, ਤਾਂ ਕਾਲਾ ਟੈਕਸਟ ਉਹਨਾਂ ਵਿੱਚੋਂ ਲਗਭਗ 65% 'ਤੇ ਅਤੇ ਚਿੱਟਾ ਟੈਕਸਟ ਲਗਭਗ 36% 'ਤੇ ਉਸ ਮਾਪਦੰਡ 'ਤੇ ਪਹੁੰਚਦਾ ਹੈ, ਅਤੇ ਕੋਈ ਵੀ ਅਜਿਹਾ ਰੰਗ ਨਹੀਂ ਹੈ ਜਿਸ 'ਤੇ ਦੋਵੇਂ ਅਸਫਲ ਹੋ ਜਾਣ: ਦੋਵਾਂ ਵਿੱਚੋਂ ਬਿਹਤਰ ਵਿਕਲਪ ਹਮੇਸ਼ਾ ਘੱਟੋ-ਘੱਟ 4.58:1 ਤੱਕ ਪਹੁੰਚਦਾ ਹੈ। ਇਸ ਲਈ ਕਿਸੇ ਵੀ ਬੇਤਰਤੀਬ ਬੈਕਗ੍ਰਾਊਂਡ ਲਈ, ਕਾਲਾ ਜਾਂ ਚਿੱਟਾ ਟੈਕਸਟ ਪੜ੍ਹਨਯੋਗ ਹੋਵੇਗਾ, ਅਤੇ ਪੰਨਾ ਤੁਹਾਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਕਿਹੜਾ ਸਹੀ ਹੈ। ਹਰੇਕ ਰੰਗ 'ਤੇ ਇੱਕ ਛੋਟਾ ਬੈਜ ਦਿਖਾਇਆ ਜਾਂਦਾ ਹੈ ਜੋ ਦੋਵਾਂ ਵਿੱਚੋਂ ਬਿਹਤਰ ਵਿਕਲਪ ਵਿੱਚ Aa ਲਿਖਦਾ ਹੈ, ਜਿਸਦੇ ਬਾਅਦ ਇਸਦਾ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਹੁੰਦਾ ਹੈ। ਅਨੁਪਾਤ ਨੂੰ ਹੇਠਾਂ ਵੱਲ ਰਾਊਂਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਇਸ ਲਈ ਇਹ ਕਦੇ ਵੀ ਰੰਗ ਨੂੰ ਵਧਾ-ਚੜ੍ਹਾ ਕੇ ਪੇਸ਼ ਨਹੀਂ ਕਰਦਾ, ਅਤੇ ਜਦੋਂ ਤੁਸੀਂ ਪਿਕਰ ਵਿੱਚ ਰੰਗ ਬਦਲਦੇ ਹੋ ਤਾਂ ਇਹ ਅੱਪਡੇਟ ਹੋ ਜਾਂਦਾ ਹੈ। ਬੈਜ ਸਿਰਫ਼ ਕਾਲੇ ਅਤੇ ਚਿੱਟੇ ਟੈਕਸਟ ਦੀ ਤੁਲਨਾ ਕਰਦਾ ਹੈ; ਕਿਸੇ ਬ੍ਰਾਂਡ ਰੰਗ ਜਾਂ ਕਿਸੇ ਹੋਰ ਟੈਕਸਟ ਰੰਗ ਲਈ, ਜੋੜੇ ਦੀ ਜਾਂਚ ਕੰਟ੍ਰਾਸਟ ਚੈਕਰ ਨਾਲ ਕਰੋ।

ਬੇਤਰਤੀਬ ਹੋਣਾ ਅਤੇ ਸੁਮੇਲ ਵਾਲਾ ਹੋਣਾ ਇੱਕੋ ਗੱਲ ਨਹੀਂ ਹੈ। ਇੱਕ ਬੈਚ ਵਿੱਚ ਹਰੇਕ ਰੰਗ ਆਪਣੇ ਆਪ ਸੁਤੰਤਰ ਤੌਰ 'ਤੇ ਚੁਣਿਆ ਜਾਂਦਾ ਹੈ, ਦੂਜਿਆਂ ਬਾਰੇ ਜਾਣਕਾਰੀ ਤੋਂ ਬਿਨਾਂ, ਇਸ ਲਈ ਜਨਰੇਟਰ ਕਦੇ ਵੀ ਡਿਜ਼ਾਈਨਰ ਦੇ ਅਰਥਾਂ ਵਿੱਚ ਪੈਲੇਟ ਨਹੀਂ ਬਣਾਉਂਦਾ — ਕੋਈ ਪੂਰਕ ਜੋੜੇ ਨਹੀਂ, ਕੋਈ ਮਿਲਦੇ-ਜੁਲਦੇ ਰੰਗ ਨਹੀਂ, ਕੋਈ ਸਾਂਝਾ ਹਲਕਾਪਣ ਨਹੀਂ। ਇੱਕ ਸੀਮਤ ਦਾਇਰਾ ਬੈਚ ਦੇ ਸੁਭਾਅ ਨੂੰ ਬਦਲਦਾ ਹੈ, ਪਰ ਉਸ ਨਿਯਮ ਨੂੰ ਨਹੀਂ: ਪੇਸਟਲ ਜਾਂ ਨੀਲੇ ਰੰਗਾਂ ਦੀ ਲੜੀ ਅਜੇ ਵੀ ਇੱਕ-ਇੱਕ ਕਰਕੇ ਆਉਂਦੀ ਹੈ, ਬਿਨਾਂ ਕਿਸੇ ਚੀਜ਼ ਦੇ ਜੋ ਉਹਨਾਂ ਨੂੰ ਆਪਸ ਵਿੱਚ ਜੋੜਦੀ ਹੋਵੇ। ਇਹ ਇਸਦਾ ਮੁੱਖ ਉਦੇਸ਼ ਹੈ: ਇਹ ਤੁਹਾਨੂੰ ਉਹ ਰੰਗ ਦਿੰਦਾ ਹੈ ਜੋ ਤੁਸੀਂ ਖੁਦ ਨਹੀਂ ਚੁਣਿਆ ਹੁੰਦਾ, ਜੋ ਕਿ ਕਿਸੇ ਆਦਤ ਜਾਂ ਰਚਨਾਤਮਕ ਰੁਕਾਵਟ ਨੂੰ ਤੋੜਦਾ ਹੈ। ਕਿਸੇ ਬੇਤਰਤੀਬ ਖੋਜ ਨੂੰ ਵਰਤੋਂ ਯੋਗ ਚੀਜ਼ ਵਿੱਚ ਬਦਲਣ ਲਈ, ਆਪਣੀ ਪਸੰਦ ਦੇ ਰੰਗ ਨੂੰ ਰੱਖੋ ਅਤੇ ਬਾਕੀ ਰੰਗ ਉਸੇ ਤੋਂ ਕੱਢੋ, ਨਾ ਕਿ ਉਦੋਂ ਤੱਕ “ਜਨਰੇਟ ਕਰੋ” ਦਬਾਉਂਦੇ ਰਹੋ ਜਦੋਂ ਤੱਕ ਕੋਈ ਪੂਰਾ ਸੈੱਟ ਇਤਫ਼ਾਕ ਨਾਲ ਮੇਲ ਨਾ ਖਾ ਜਾਵੇ। ਹਲਕੇ ਅਤੇ ਗੂੜ੍ਹੇ ਰੂਪਾਂ ਲਈ ਇਸਦੇ ਹਿਊ ਨੂੰ ਕਾਇਮ ਰੱਖੋ ਅਤੇ ਹਲਕੇਪਣ ਨੂੰ ਕਦਮ-ਦਰ-ਕਦਮ ਬਦਲੋ, ਜਾਂ ਉਲਟ ਰੰਗ ਲੈਣ ਲਈ ਹਿਊ ਨੂੰ 180 ਡਿਗਰੀ ਘੁਮਾਓ। “HSL ਕੋਡ” ਫਾਰਮੈਟ ਉਹਨਾਂ ਕਦਮਾਂ ਨੂੰ ਅੰਦਾਜ਼ੇ ਦੀ ਬਜਾਏ ਅੰਕਗਣਿਤ ਬਣਾਉਂਦਾ ਹੈ।

ਇਸ ਬੇਤਰਤੀਬ ਰੰਗ ਜਨਰੇਟਰ ਨੂੰ ਕਿਉਂ ਚੁਣੋ?

ਬੇਤਰਤੀਬ ਰੰਗ ਉੱਥੇ ਕੰਮ ਆਉਂਦੇ ਹਨ ਜਿੱਥੇ ਕਿਸੇ ਦੇ ਫੈਸਲਾ ਕਰਨ ਤੋਂ ਪਹਿਲਾਂ ਰੰਗ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ। ਡਿਜ਼ਾਈਨਰ ਰਚਨਾਤਮਕ ਰੁਕਾਵਟ ਨੂੰ ਦੂਰ ਕਰਨ ਲਈ ਅਤੇ ਇੱਕ ਸ਼ੁਰੂਆਤੀ ਬਿੰਦੂ ਲੱਭਣ ਲਈ ਇਹਨਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਜਿੱਥੇ ਉਹਨਾਂ ਦਾ ਆਮ ਪੈਲੇਟ ਕਦੇ ਨਹੀਂ ਪਹੁੰਚ ਸਕਦਾ ਸੀ। ਡਿਵੈਲਪਰ ਮੌਕਅੱਪ, ਪਲੇਸਹੋਲਡਰ ਅਤੇ ਅਵਤਾਰ ਭਰਦੇ ਹਨ, ਚਾਰਟ ਵਿੱਚ ਹਰੇਕ ਲੜੀ ਨੂੰ ਆਪਣਾ ਰੰਗ ਦਿੰਦੇ ਹਨ ਜਦੋਂ ਕਿ ਅਸਲ ਥੀਮ ਅਜੇ ਤੈਅ ਨਹੀਂ ਹੁੰਦੀ, ਅਤੇ ਜਾਂਚ ਕਰਦੇ ਹਨ ਕਿ ਇੱਕ ਇੰਟਰਫੇਸ ਅਜਿਹੇ ਪਿਛੋਕੜਾਂ ਨਾਲ ਕਿਵੇਂ ਨਜਿੱਠਦਾ ਹੈ ਜਿਨ੍ਹਾਂ ਲਈ ਇਹ ਮੂਲ ਰੂਪ ਵਿੱਚ ਤਿਆਰ ਨਹੀਂ ਕੀਤਾ ਗਿਆ ਸੀ — “ਸਾਰੇ ਰੰਗ” ਵਿੱਚੋਂ 50 ਦਾ ਇੱਕ ਬੈਚ ਲਗਭਗ ਹਮੇਸ਼ਾ ਘੱਟੋ-ਘੱਟ ਇੱਕ ਬਹੁਤ ਗੂੜ੍ਹਾ ਜਾਂ ਬਹੁਤ ਹਲਕਾ ਰੰਗ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ, ਅਤੇ “ਗੂੜ੍ਹੇ” ਜਾਂ “ਪੇਸਟਲ” ਟੈਸਟ ਨੂੰ ਇੱਕ ਸਿਰੇ 'ਤੇ ਕੇਂਦਰਿਤ ਕਰਦੇ ਹਨ। ਜਨਰੇਟਿਵ ਕਲਾਕਾਰ ਅਤੇ ਗੇਮ ਪ੍ਰੋਟੋਟਾਈਪਰ ਮੁੱਲਾਂ ਨੂੰ ਸਿੱਧਾ ਕੋਡ ਵਿੱਚ ਦਿੰਦੇ ਹਨ, ਜਿੱਥੇ RGB ਫਾਰਮ ਜ਼ਿਆਦਾਤਰ ਗ੍ਰਾਫਿਕਸ ਲਾਇਬ੍ਰੇਰੀਆਂ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ। ਅਧਿਆਪਕ ਇਹ ਦਿਖਾਉਣ ਲਈ ਤਿੰਨਾਂ ਫਾਰਮੈਟਾਂ ਨੂੰ ਨਾਲ-ਨਾਲ ਰੱਖਦੇ ਹਨ ਕਿ ਇੱਕ ਰੰਗ ਨੂੰ ਕੋਡ ਵਜੋਂ, ਤਿੰਨ ਚੈਨਲਾਂ ਵਜੋਂ ਜਾਂ ਕਲਰ ਵ੍ਹੀਲ 'ਤੇ ਸਥਿਤੀ ਵਜੋਂ ਲਿਖਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਅਤੇ HSL ਸੰਸਕਰਣ ਕਿਉਂ ਰਾਊਂਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਅਤੇ ਕੋਈ ਵੀ ਜੋ ਕਿਸੇ ਸੂਚੀ ਨੂੰ ਲੇਬਲ ਕਰਦਾ ਹੈ, ਟੈਗ ਕਰਦਾ ਹੈ ਜਾਂ ਕਲਰ-ਕੋਡ ਕਰਦਾ ਹੈ, ਉਹ ਬਿਨਾਂ ਕਿਸੇ ਉਲਝਣ ਦੇ ਵੱਖਰੇ ਰੰਗ ਪ੍ਰਾਪਤ ਕਰਦਾ ਹੈ।

ਕੁਝ ਇਮਾਨਦਾਰ ਸੀਮਾਵਾਂ ਜਾਣਨ ਯੋਗ ਹਨ। ਇਹ ਇੱਕ ਜਨਰੇਟਰ ਹੈ, ਕੋਈ ਪੈਲੇਟ ਟੂਲ ਨਹੀਂ: ਇਹ ਰੰਗਾਂ ਦੇ ਸੁਮੇਲ ਨਹੀਂ ਬਣਾਉਂਦਾ ਅਤੇ ਦੂਜਿਆਂ ਦੇ ਬਦਲਣ ਦੌਰਾਨ ਇੱਕ ਰੰਗ ਨੂੰ ਸਥਿਰ ਨਹੀਂ ਰੱਖਦਾ, ਅਤੇ ਇੱਕ ਸੀਮਤ ਦਾਇਰਾ ਇੱਕ ਕਿਸਮ ਦੇ ਰੰਗ ਦਿੰਦਾ ਹੈ, ਨਾ ਕਿ ਆਪਸ ਵਿੱਚ ਮੇਲ ਖਾਣ ਲਈ ਚੁਣੇ ਗਏ ਰੰਗ। ਕੰਟ੍ਰਾਸਟ ਬੈਜ ਸਿਰਫ਼ ਕਾਲੇ ਅਤੇ ਚਿੱਟੇ ਟੈਕਸਟ ਦੀ ਤੁਲਨਾ ਕਰਦਾ ਹੈ। ਪੰਨਾ ਸਕ੍ਰੀਨ ਦੁਆਰਾ ਦਿਖਾਏ ਜਾਣ ਵਾਲੇ sRGB ਰੰਗਾਂ ਵਿੱਚ ਕੰਮ ਕਰਦਾ ਹੈ — HEX, RGB ਅਤੇ HSL — ਬਿਨਾਂ ਪਾਰਦਰਸ਼ਤਾ ਦੇ ਅਤੇ ਬਿਨਾਂ CMYK, Pantone, OKLCH ਜਾਂ ਨਾਮ ਵਾਲੇ CSS ਰੰਗਾਂ ਦੇ; ਪ੍ਰਿੰਟ ਲਈ, ਸਕ੍ਰੀਨ ਕੋਡ 'ਤੇ ਨਿਰਭਰ ਕਰਨ ਦੀ ਬਜਾਏ ਛਪਾਈ ਦੀ ਤਿਆਰੀ ਵਿੱਚ ਰੰਗ ਦਾ ਮੇਲ ਕਰੋ। ਉਹੀ ਕੋਡ ਇੱਕ ਡਿਸਪਲੇ ਤੋਂ ਦੂਜੇ ਡਿਸਪਲੇ 'ਤੇ ਥੋੜ੍ਹਾ ਵੱਖਰਾ ਵੀ ਦਿਖਾਈ ਦੇ ਸਕਦਾ ਹੈ, ਕਿਉਂਕਿ ਸਕ੍ਰੀਨਾਂ ਨੂੰ ਇੱਕੋ ਜਿਹਾ ਕੈਲੀਬਰੇਟ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ। HSL ਮੁੱਲਾਂ ਨੂੰ ਰਾਊਂਡ ਕੀਤਾ ਜਾਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਉੱਪਰ ਦੱਸਿਆ ਗਿਆ ਹੈ, ਅਤੇ ਜਦੋਂ ਤੱਕ “ਦੁਹਰਾਓ ਤੋਂ ਬਚੋ” 'ਤੇ ਨਿਸ਼ਾਨ ਨਹੀਂ ਲਗਾਇਆ ਜਾਂਦਾ, ਇੱਕ ਬੈਚ ਦੀ ਦੁਹਰਾਓ ਲਈ ਜਾਂਚ ਨਹੀਂ ਕੀਤੀ ਜਾਂਦੀ। ਇਹ ਪੰਨਾ ਜੋ ਗਾਰੰਟੀ ਦਿੰਦਾ ਹੈ ਉਹ ਸਟੀਕ ਅਤੇ ਸਪਸ਼ਟ ਹੈ: ਇਸਦੇ ਸਾਰੇ 16,777,216 ਰੰਗਾਂ ਵਿੱਚੋਂ ਹਰੇਕ ਰੰਗ, ਜਾਂ ਤੁਹਾਡੇ ਦੁਆਰਾ ਨਿਰਧਾਰਤ ਸੀਮਾ ਦੇ ਅੰਦਰ ਹਰੇਕ ਰੰਗ ਨੂੰ ਹਰ ਵਾਰ ਜਨਰੇਟ ਕਰਨ 'ਤੇ ਇੱਕੋ ਜਿਹਾ ਮੌਕਾ ਮਿਲਦਾ ਹੈ, ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਕ੍ਰਿਪਟੋਗ੍ਰਾਫਿਕ ਸਰੋਤ ਤੋਂ ਲਿਆ ਜਾਂਦਾ ਹੈ ਅਤੇ ਕਦੇ ਵੀ ਕਿਤੇ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ।

FAQ

ਮੈਂ ਇੱਕ ਬੇਤਰਤੀਬ ਰੰਗ ਕਿਵੇਂ ਤਿਆਰ ਕਰਾਂ?

“ਚੋਣਾਂ ਦੀ ਗਿਣਤੀ” ਵਿੱਚ ਚੁਣੋ ਕਿ ਤੁਹਾਨੂੰ ਕਿੰਨੇ ਰੰਗ ਚਾਹੀਦੇ ਹਨ, 1 ਤੋਂ 50 ਤੱਕ, ਲੋੜੀਂਦੇ ਫਾਰਮੈਟਾਂ 'ਤੇ ਨਿਸ਼ਾਨ ਲਗਾਓ — “HEX ਕੋਡ”, “RGB ਕੋਡ”, “HSL ਕੋਡ” ਜਾਂ ਕੋਈ ਵੀ ਮਿਸ਼ਰਨ — ਅਤੇ “ਜਨਰੇਟ ਕਰੋ” ਬਟਨ ਦਬਾਓ। ਪੰਨਾ HEX ਵਿੱਚ ਇੱਕ ਰੰਗ ਨਾਲ ਖੁੱਲ੍ਹਦਾ ਹੈ, ਇਸ ਲਈ ਪਹਿਲਾ ਨਤੀਜਾ ਇੱਕੋ ਕਲਿੱਕ ਲੈਂਦਾ ਹੈ। ਹਰੇਕ ਰੰਗ ਉਸਦੇ ਕੋਡ ਦੇ ਨਾਲ ਰੰਗ ਦੇ ਨਮੂਨੇ 'ਤੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।

ਕੀ ਰੰਗ ਸੱਚਮੁੱਚ ਬੇਤਰਤੀਬ ਹਨ, ਅਤੇ ਕੀ ਹਰੇਕ ਰੰਗ ਦੀ ਬਰਾਬਰ ਸੰਭਾਵਨਾ ਹੈ?

ਹਾਂ। ਹਰੇਕ ਰੰਗ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਦੇ Web Crypto API (crypto.getRandomValues) ਤੋਂ ਆਉਂਦਾ ਹੈ, ਜੋ ਕਿ ਕ੍ਰਿਪਟੋਗ੍ਰਾਫਿਕ ਤੌਰ 'ਤੇ ਸੁਰੱਖਿਅਤ ਸਰੋਤ ਹੈ ਜਿੱਥੇ ਰੈਂਡਮਨੈੱਸ ਦਾ ਅਨੁਮਾਨ ਨਹੀਂ ਲਗਾਇਆ ਜਾ ਸਕਦਾ। ਹਰੇਕ ਚੈਨਲ ਇੱਕ ਰੈਂਡਮ ਬਾਈਟ ਹੁੰਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ ਚੈਨਲ ਲਈ ਲੋੜੀਂਦੇ ਬਿਲਕੁਲ 256 ਮੁੱਲ ਹੁੰਦੇ ਹਨ, ਇਸ ਲਈ ਕੋਈ ਵੀ ਤਬਦੀਲੀ ਕਿਸੇ ਖਾਸ ਰੰਗਤ ਨੂੰ ਤਰਜੀਹ ਨਹੀਂ ਦੇ ਸਕਦੀ। ਸਾਰੇ 16,777,216 ਰੰਗ ਪੂਰੀ ਤਰ੍ਹਾਂ ਬਰਾਬਰ ਸੰਭਾਵਨਾ ਵਾਲੇ ਹੁੰਦੇ ਹਨ, ਅਤੇ ਜਦੋਂ ਤੁਸੀਂ ਸੀਮਾ ਘਟਾਉਂਦੇ ਹੋ, ਤਾਂ ਇਸਦੇ ਅੰਦਰਲੇ ਹਰੇਕ ਰੰਗ ਲਈ ਵੀ ਇਹੀ ਲਾਗੂ ਹੁੰਦਾ ਹੈ।

HEX, RGB ਅਤੇ HSL ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?

ਇਹ ਇੱਕੋ ਰੰਗ ਨੂੰ ਲਿਖਣ ਦੇ ਤਿੰਨ ਤਰੀਕੇ ਹਨ। HEX ਇੱਕ ਛੇ ਅੰਕਾਂ ਦਾ ਕੋਡ ਹੈ ਜਿਵੇਂ ਕਿ #0778ff, ਜੋ CSS ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਡਿਜ਼ਾਈਨ ਸਾਧਨਾਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। RGB ਲਾਲ, ਹਰੇ ਅਤੇ ਨੀਲੇ ਚੈਨਲਾਂ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ rgb(7, 120, 255) ਵਿੱਚ। HSL ਹਿਊ, ਸੰਤ੍ਰਿਪਤਾ ਅਤੇ ਹਲਕਾਪਣ ਦਰਸਾਉਂਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ hsl(213, 100%, 51%) ਵਿੱਚ, ਜੋ ਹੱਥੀਂ ਅਨੁਕੂਲ ਕਰਨ ਲਈ ਸਭ ਤੋਂ ਆਸਾਨ ਫਾਰਮੈਟ ਹੈ। ਤਿੰਨੇ ਸਿੱਧੇ CSS ਵਿੱਚ ਪੇਸਟ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।

HSL ਕੋਡ ਵਾਪਸ ਬਿਲਕੁਲ ਉਸੇ ਰੰਗ ਵਿੱਚ ਕਿਉਂ ਨਹੀਂ ਬਦਲਦਾ?

ਕਿਉਂਕਿ ਪੰਨਾ HSL ਨੂੰ ਪੂਰਨ ਅੰਕਾਂ ਵਿੱਚ ਲਿਖਦਾ ਹੈ, ਅਤੇ ਰਾਊਂਡ ਕਰਨ ਨਾਲ ਥੋੜ੍ਹੀ ਜਿਹੀ ਸ਼ੁੱਧਤਾ ਖਤਮ ਹੋ ਜਾਂਦੀ ਹੈ। ਲਗਭਗ 89% ਰੰਗ ਬਿਲਕੁਲ ਸਹੀ ਢੰਗ ਨਾਲ ਵਾਪਸ ਨਹੀਂ ਬਦਲਦੇ: #646503 ਨੂੰ hsl(61, 94%, 20%) ਵਜੋਂ ਦਿਖਾਇਆ ਗਿਆ ਹੈ, ਜੋ ਵਾਪਸ #616303 ਵਿੱਚ ਬਦਲਦਾ ਹੈ। ਅੰਤਰ ਕਿਸੇ ਚੈਨਲ ਵਿੱਚ ਕਦੇ ਵੀ 5 ਕਦਮਾਂ ਤੋਂ ਵੱਧ ਨਹੀਂ ਹੁੰਦਾ ਅਤੇ ਆਮ ਤੌਰ 'ਤੇ 1 ਜਾਂ 2 ਹੁੰਦਾ ਹੈ। HEX ਅਤੇ RGB ਸਟੀਕ ਹਨ; HSL ਰਾਊਂਡ ਕੀਤਾ ਗਿਆ ਹੈ। ਜਦੋਂ ਸਟੀਕ ਰੰਗ ਮਹੱਤਵਪੂਰਨ ਹੋਵੇ ਤਾਂ HEX ਜਾਂ RGB ਨੂੰ ਸੰਭਾਲੋ।

ਕੀ ਮੈਂ ਸਿਰਫ਼ ਪੇਸਟਲ, ਗੂੜ੍ਹੇ ਜਾਂ ਚਮਕਦਾਰ ਰੰਗ ਤਿਆਰ ਕਰ ਸਕਦਾ ਹਾਂ?

ਹਾਂ। ਗੇਅਰ ਬਟਨ ਨਾਲ “ਐਡਵਾਂਸਡ ਵਿਕਲਪ” ਖੋਲ੍ਹੋ ਅਤੇ “ਰੰਗ ਦੀ ਕਿਸਮ” ਵਿੱਚੋਂ “ਚਮਕਦਾਰ”, “ਪੇਸਟਲ”, “ਗੂੜ੍ਹੇ”, “ਮੱਧਮ” ਜਾਂ “ਗ੍ਰੇਸਕੇਲ” ਚੁਣੋ। “ਕਸਟਮ” ਤੁਹਾਨੂੰ “ਹਿਊ”, “ਸੰਤ੍ਰਿਪਤਾ” ਅਤੇ “ਹਲਕਾਪਣ” ਦੀ ਆਪਣੀ ਰੇਂਜ ਸੈੱਟ ਕਰਨ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਹਿਊ ਰੇਂਜ 0 ਤੋਂ ਅੱਗੇ ਜਾ ਸਕਦੀ ਹੈ, ਇਸ ਲਈ 330 ਤੋਂ 30 ਲਾਲ ਰੰਗ ਦਿੰਦੀ ਹੈ। ਸੀਮਾ ਦੇ ਅੰਦਰ ਹਰੇਕ ਰੰਗ ਦੀ ਬਰਾਬਰ ਸੰਭਾਵਨਾ ਹੁੰਦੀ ਹੈ ਅਤੇ ਕੋਈ ਵੀ ਕੋਡ ਇਸ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦਾ; ਜੇਕਰ ਸੀਮਾ ਵਿੱਚ “ਚੋਣਾਂ ਦੀ ਗਿਣਤੀ” ਵਿੱਚ ਦਿੱਤੇ ਮੁੱਲ ਲਈ ਬਹੁਤ ਘੱਟ ਰੰਗ ਹਨ, ਤਾਂ ਪੰਨਾ ਤੁਹਾਨੂੰ ਇਸਨੂੰ ਵਧਾਉਣ ਲਈ ਕਹਿੰਦਾ ਹੈ।

ਮੈਂ ਇੱਕ ਰੰਗ ਜਾਂ ਪੂਰੇ ਬੈਚ ਨੂੰ ਕਿਵੇਂ ਕਾਪੀ ਕਰਾਂ?

ਸਿਰਫ਼ ਉਹੀ ਕੋਡ ਕਾਪੀ ਕਰਨ ਲਈ ਕਿਸੇ ਵੀ ਕੋਡ 'ਤੇ ਕਲਿੱਕ ਕਰੋ, ਜਾਂ ਇੱਕੋ ਲਾਈਨ 'ਤੇ ਉਸ ਰੰਗ ਦੇ ਸਾਰੇ ਕੋਡ ਕਾਪੀ ਕਰਨ ਲਈ ਕਤਾਰ ਦੇ ਅੰਤ ਵਿੱਚ ਕਾਪੀ ਬਟਨ ਦੀ ਵਰਤੋਂ ਕਰੋ। “ਸਭ ਕਾਪੀ ਕਰੋ” ਪੂਰੇ ਬੈਚ ਨੂੰ ਕਾਪੀ ਕਰਦਾ ਹੈ, ਪ੍ਰਤੀ ਲਾਈਨ ਇੱਕ ਰੰਗ, ਅਤੇ “ਫਾਈਲ ਵਿੱਚ ਸੰਭਾਲੋ” ਉਹੀ ਟੈਕਸਟ ਇੱਕ .txt ਫਾਈਲ ਵਜੋਂ ਸੰਭਾਲਦਾ ਹੈ। “ਐਡਵਾਂਸਡ ਵਿਕਲਪ” ਵਿੱਚ “ਵੱਡੇ ਅੱਖਰ” ਅਤੇ “# ਤੋਂ ਬਿਨਾਂ” ਇਹ ਬਦਲਦੇ ਹਨ ਕਿ HEX ਕਿਵੇਂ ਲਿਖਿਆ ਜਾਵੇਗਾ ਭਾਵੇਂ ਇਹ ਕਾਪੀ ਕੀਤਾ ਜਾਵੇ ਜਾਂ ਸੰਭਾਲਿਆ ਜਾਵੇ।

ਕੀ ਮੈਂ ਕਿਸੇ ਰੰਗ ਨੂੰ ਤਿਆਰ ਹੋਣ ਤੋਂ ਬਾਅਦ ਬਦਲ ਸਕਦਾ ਹਾਂ?

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

ਕੀ ਇੱਕੋ ਰੰਗ ਇੱਕ ਬੈਚ ਵਿੱਚ ਦੋ ਵਾਰ ਆ ਸਕਦਾ ਹੈ?

ਜੇਕਰ ਤੁਸੀਂ “ਐਡਵਾਂਸਡ ਵਿਕਲਪ” ਵਿੱਚ “ਦੁਹਰਾਓ ਤੋਂ ਬਚੋ” 'ਤੇ ਨਿਸ਼ਾਨ ਲਗਾਉਂਦੇ ਹੋ ਤਾਂ ਨਹੀਂ: ਬੈਚ ਵਿੱਚ ਹਰੇਕ ਰੰਗ ਫਿਰ ਵੱਖਰਾ ਹੁੰਦਾ ਹੈ। ਇਸਦੇ ਬਿਨਾਂ ਪੰਨਾ ਜਾਂਚ ਨਹੀਂ ਕਰਦਾ, ਅਤੇ 16,777,216 ਸੰਭਾਵਿਤ ਰੰਗਾਂ ਦੇ ਨਾਲ 50 ਵਿੱਚੋਂ ਦੋ ਦੇ ਇੱਕੋ ਜਿਹੇ ਹੋਣ ਦੀ ਸੰਭਾਵਨਾ 13,700 ਵਿੱਚੋਂ ਲਗਭਗ 1 ਹੁੰਦੀ ਹੈ।

ਕੀ ਬੇਤਰਤੀਬ ਬੈਕਗ੍ਰਾਊਂਡ ਰੰਗ 'ਤੇ ਟੈਕਸਟ ਪੜ੍ਹਨਯੋਗ ਹੋਵੇਗਾ?

ਹਮੇਸ਼ਾ ਦੋ ਟੈਕਸਟ ਰੰਗਾਂ ਵਿੱਚੋਂ ਇੱਕ ਨਾਲ, ਅਤੇ ਪੰਨਾ ਤੁਹਾਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ ਕਿ ਕਿਹੜਾ। ਆਮ ਟੈਕਸਟ ਲਈ 4.5:1 ਦੇ WCAG ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਦੇ ਅਨੁਸਾਰ, ਕਾਲਾ ਟੈਕਸਟ ਲਗਭਗ 65% ਰੰਗਾਂ 'ਤੇ ਅਤੇ ਚਿੱਟਾ ਟੈਕਸਟ ਲਗਭਗ 36% ਰੰਗਾਂ 'ਤੇ ਪੜ੍ਹਨਯੋਗ ਹੈ, ਅਤੇ ਹਰੇਕ ਰੰਗ 'ਤੇ ਦੋਵਾਂ ਵਿੱਚੋਂ ਘੱਟੋ-ਘੱਟ ਇੱਕ ਰੰਗ ਘੱਟੋ-ਘੱਟ 4.58:1 ਦੇ ਅਨੁਪਾਤ ਨਾਲ ਪੜ੍ਹਨਯੋਗ ਰਹਿੰਦਾ ਹੈ। ਹਰੇਕ ਰੰਗ 'ਤੇ ਦੋਵਾਂ ਵਿੱਚੋਂ ਬਿਹਤਰ ਰੰਗ ਵਿੱਚ Aa ਲਿਖਿਆ ਇੱਕ ਬੈਜ ਹੁੰਦਾ ਹੈ, ਜਿਸਦਾ ਅਨੁਪਾਤ ਹੇਠਾਂ ਵੱਲ ਰਾਊਂਡ ਕੀਤਾ ਹੁੰਦਾ ਹੈ। ਬੈਜ ਸਿਰਫ਼ ਕਾਲੇ ਅਤੇ ਚਿੱਟੇ ਰੰਗ ਨੂੰ ਕਵਰ ਕਰਦਾ ਹੈ, ਇਸ ਲਈ ਕਿਸੇ ਹੋਰ ਟੈਕਸਟ ਰੰਗ ਨੂੰ ਕੰਟ੍ਰਾਸਟ ਚੈਕਰ ਨਾਲ ਚੈੱਕ ਕਰੋ।

ਕੀ ਜਨਰੇਟਰ ਮਿਲਦੇ-ਜੁਲਦੇ ਰੰਗ ਪੈਲੇਟ ਬਣਾਉਂਦਾ ਹੈ?

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

ਕੀ ਮੈਂ CMYK, Pantone ਜਾਂ ਪਾਰਦਰਸ਼ੀ ਰੰਗ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦਾ ਹਾਂ?

ਨਹੀਂ। ਇਹ ਪੰਨਾ ਸਿਰਫ਼ HEX, RGB ਅਤੇ HSL ਵਿੱਚ sRGB ਸਕ੍ਰੀਨ ਰੰਗ ਬਣਾਉਂਦਾ ਹੈ, ਬਿਨਾਂ ਪਾਰਦਰਸ਼ਤਾ ਦੇ, ਅਤੇ ਇਸ ਵਿੱਚ ਕੋਈ CMYK, Pantone, OKLCH ਜਾਂ ਨਾਮ ਵਾਲੇ CSS ਰੰਗ ਨਹੀਂ ਹਨ। ਪ੍ਰਿੰਟ ਲਈ, ਸਕ੍ਰੀਨ ਕੋਡ 'ਤੇ ਨਿਰਭਰ ਕਰਨ ਦੀ ਬਜਾਏ ਛਪਾਈ ਦੀ ਤਿਆਰੀ ਵਿੱਚ ਰੰਗ ਦਾ ਮੇਲ ਕਰੋ।

ਕੀ ਮੇਰੇ ਵੱਲੋਂ ਜਨਰੇਟ ਕੀਤਾ ਕੁਝ ਵੀ ਸਰਵਰ 'ਤੇ ਭੇਜਿਆ ਜਾਂ ਸੰਭਾਲਿਆ ਜਾਂਦਾ ਹੈ?

ਨਹੀਂ। ਰੰਗ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਸਥਾਨਕ ਤੌਰ 'ਤੇ ਤਿਆਰ ਕੀਤੇ ਜਾਂਦੇ ਹਨ, ਕੁਝ ਵੀ ਅੱਪਲੋਡ ਜਾਂ ਲੌਗ ਨਹੀਂ ਕੀਤਾ ਜਾਂਦਾ, ਅਤੇ ਪੰਨਾ ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਔਫਲਾਈਨ ਵੀ ਕੰਮ ਕਰਦਾ ਰਹਿੰਦਾ ਹੈ। “ਹਿਸਟਰੀ” ਭਾਗ ਤੁਹਾਡੇ ਪਿਛਲੇ 10 ਬੈਚਾਂ ਨੂੰ ਸਿਰਫ਼ ਇਸ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰੱਖਦਾ ਹੈ, ਅਤੇ ਤੁਸੀਂ ਇਸਨੂੰ ਬੰਦ ਜਾਂ ਸਾਫ਼ ਕਰ ਸਕਦੇ ਹੋ।