ਇਹ ਮੈਨੂੰ ਕਿਹੜੇ ਰੰਗ ਕੋਡ ਦਿੰਦਾ ਹੈ?

ਉਸੇ ਰੰਗ ਲਈ HEX, RGB, HSL, HSV, CMYK ਅਤੇ OKLCH, ਕਾਪੀ ਕਰਨ ਲਈ ਤਿਆਰ।

ਕੀ ਮੈਂ ਆਪਣੀ ਸਕਰੀਨ ਤੋਂ ਰੰਗ ਚੁਣ ਸਕਦਾ ਹਾਂ?

ਹਾਂ, Chrome ਅਤੇ Edge ਵਰਗੇ Chromium-ਆਧਾਰਿਤ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ ਸਕਰੀਨ ਤੋਂ ਚੁਣੋ ਨਾਲ। ਜੇ ਤੁਹਾਡਾ ਬ੍ਰਾਊਜ਼ਰ ਇਸਨੂੰ ਸਮਰਥਨ ਨਹੀਂ ਦਿੰਦਾ ਤਾਂ ਬਟਨ ਲੁਕਿਆ ਰਹਿੰਦਾ ਹੈ।

ਕੀ ਇਹ ਜਾਂਚਦਾ ਹੈ ਕਿ ਰੰਗ ਉੱਤੇ ਟੈਕਸਟ ਪੜ੍ਹਨਯੋਗ ਹੈ?

ਹਾਂ। ਇਹ ਚਿੱਟੇ ਅਤੇ ਕਾਲੇ ਦੇ ਮੁਕਾਬਲੇ WCAG ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਦਿਖਾਉਂਦਾ ਹੈ ਅਤੇ ਉਸ ਉੱਤੇ AA ਵੱਡਾ, AA, AAA ਜਾਂ ਫੇਲ੍ਹ ਦਾ ਨਿਸ਼ਾਨ ਲਗਾਉਂਦਾ ਹੈ। ਇਹ ਪੂਰਕ, ਤਿਕੋਣੀ, ਨਜ਼ਦੀਕੀ ਅਤੇ ਇੱਕ-ਰੰਗੀ ਰੰਗ ਵੀ ਸੁਝਾਉਂਦਾ ਹੈ।

ਕੀ ਇਹ ਰੰਗ ਚੋਣਕਾਰ ਅਤੇ ਪੈਲੇਟ ਜੇਨਰੇਟਰ ਸੱਚਮੁੱਚ ਮੁਫ਼ਤ ਹੈ?

ਹਾਂ, ਪੂਰੀ ਤਰ੍ਹਾਂ ਮੁਫਤ। ਕੋਈ ਸੀਮਾ ਨਹੀਂ, ਕੋਈ ਲੌਗਇਨ ਨਹੀਂ, ਕੋਈ ਕ੍ਰੈਡਿਟ ਕਾਰਡ ਨਹੀਂ - ਕਦੇ ਵੀ।

ਕੀ ਇਹ ਮੋਬਾਈਲ 'ਤੇ ਕੰਮ ਕਰਦਾ ਹੈ?

ਹਾਂ — ਸਾਰੇ ਆਧੁਨਿਕ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ iOS ਅਤੇ Android 'ਤੇ ਪੂਰੀ ਤਰ੍ਹਾਂ ਟੈਸਟ ਕੀਤਾ ਗਿਆ।

🎨

ਮੁਫ਼ਤ ਰੰਗ ਚੋਣਕਾਰ ਅਤੇ ਪੈਲੇਟ ਜੇਨਰੇਟਰ

ਰੰਗ ਚੁਣੋ, HEX/RGB/HSL ਵਿਚਕਾਰ ਬਦਲੋ, ਅਤੇ ਇਕਸੁਰਤਾ ਵਾਲੇ ਪੈਲੇਟ ਤਿਆਰ ਕਰੋ।

ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈਕੋਈ ਸਾਈਨ-ਅੱਪ ਨਹੀਂ, ਕੋਈ ਪੌਪ-ਅੱਪ ਨਹੀਂਕੋਈ ਲੌਗਇਨ ਲੋੜੀਂਦਾ ਨਹੀਂ ਹੈਹਮੇਸ਼ਾ ਲਈ ਮੁਫ਼ਤ

ਲੋਡ ਹੋਣ ਤੋਂ ਬਾਅਦ ਔਫ਼ਲਾਈਨ ਕੰਮ ਕਰਦਾ ਹੈ

ਰੰਗ ਚੋਣਕਾਰ

HEX

HSV

h217°

s76%

v96%

ਸਿਰਫ਼ ਦਿਖਾਓ

RGB

HSL

ਹੋਰ ਫਾਰਮੈਟ

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

WCAG ਕਾਂਟ੍ਰਾਸਟ

ਚਿੱਟੇ 'ਤੇ ਟੈਕਸਟ3.68:1AA ਵੱਡਾ

ਕਾਲੇ 'ਤੇ ਟੈਕਸਟ5.71:1AA

ਰੰਗ ਪੈਲਅਟ

ਪੂਰਕ

#3b82f6

#f6af3c

ਤ੍ਰਿਕੋਣੀ

#3b82f6

#f63c83

#83f63c

ਸਮਾਨ

#3ce0f6

#3b82f6

#523cf6

ਮੋਨੋਕ੍ਰੋਮੈਟਿਕ

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

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

ਸਭ ਕੁਝ ਹੱਥ ਨਾਲ ਲਿਖੇ ਬਦਲਾਅ ਗਣਿਤ ਨਾਲ ਸਿੱਧੇ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ — ਕੋਈ ਰੰਗ ਲਾਇਬ੍ਰੇਰੀ, ਕੋਈ ਸਰਵਰ ਆਉਣ-ਜਾਣ ਨਹੀਂ। ਤੁਸੀਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਮੂਲ color input ਜਾਂ EyeDropper API ਰਾਹੀਂ ਰੰਗ ਚੁਣਦੇ ਹੋ, ਅਤੇ ਟੂਲ ਤੁਰੰਤ ਇਸਨੂੰ ਛੇ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਬਦਲਦਾ ਹੈ, ਨਾਲ ਹੀ WCAG ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਗਿਣਦਾ ਅਤੇ ਇਕਸੁਰ ਪੈਲੇਟ ਬਣਾਉਂਦਾ ਹੈ।

1
ਮੂਲ API ਰਾਹੀਂ ਰੰਗ ਇਨਪੁੱਟ
ਤੁਸੀਂ ਬ੍ਰਾਊਜ਼ਰ ਦੇ ਬਿਲਟ-ਇਨ <input type="color"> ਵਿਜੇਟ ਰਾਹੀਂ ਰੰਗ ਚੁਣਦੇ ਹੋ, ਜਾਂ — Chromium-ਅਧਾਰਿਤ ਬ੍ਰਾਊਜ਼ਰਾਂ ਵਿੱਚ — EyeDropper API ਤੁਹਾਨੂੰ ਸਕ੍ਰੀਨ 'ਤੇ ਕੋਈ ਵੀ ਪਿਕਸਲ ਚੁੱਕਣ ਦਿੰਦੀ ਹੈ। ਦੋਵੇਂ ਰਸਤੇ ਇੱਕ hex string ਵਾਪਸ ਕਰਦੇ ਹਨ ਜੋ ਸੱਚਾਈ ਦਾ ਇੱਕੋ-ਇੱਕ ਸਰੋਤ ਬਣਦੀ ਹੈ।
2
ਹੱਥ ਨਾਲ ਲਿਖੇ ਫਾਰਮੈਟ ਬਦਲਾਅ
ਟੂਲ ਆਪਣੇ ਗਣਿਤ functions (ਕੋਈ ਬਾਹਰੀ ਲਾਇਬ੍ਰੇਰੀ ਨਹੀਂ) ਨਾਲ hex ਮੁੱਲ ਨੂੰ RGB, HSL, HSV, CMYK ਅਤੇ OKLCH ਵਿੱਚ ਬਦਲਦਾ ਹੈ। OKLCH ਬਦਲਾਅ sRGB ਚੈਨਲਾਂ ਨੂੰ ਲੀਨੀਅਰ ਕਰਦਾ ਹੈ, OKLab cube-root matrix ਲਾਉਂਦਾ ਹੈ, ਫਿਰ chroma ਅਤੇ hue ਕੋਣ ਕੱਢਦਾ ਹੈ — ਆਧੁਨਿਕ CSS Color Level 4 ਆਉਟਪੁੱਟ ਨਾਲ ਮੇਲ ਖਾਂਦੇ ਹੋਏ।
3
WCAG ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਗਣਨਾ
Relative luminance ਨੂੰ WCAG 2.x ਫ਼ਾਰਮੂਲੇ ਨਾਲ linearized RGB ਚੈਨਲਾਂ ਤੋਂ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ। ਫਿਰ ਟੂਲ ਸ਼ੁੱਧ ਚਿੱਟੇ ਅਤੇ ਸ਼ੁੱਧ ਕਾਲੇ ਦੇ ਮੁਕਾਬਲੇ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਗਿਣਦਾ ਹੈ ਅਤੇ WCAG ਹੱਦਾਂ (3:1, 4.5:1, 7:1) ਮੁਤਾਬਕ ਉਨ੍ਹਾਂ ਨੂੰ AA-large, AA, AAA ਜਾਂ Fail ਲੇਬਲ ਦਿੰਦਾ ਹੈ।
4
ਇਕਸੁਰ ਪੈਲੇਟ ਬਣਾਉਣਾ ਅਤੇ ਲੋਕਲ ਸੇਵ
Complementary, triadic, analogous ਅਤੇ monochromatic swatches HSL hue ਅਤੇ lightness ਮੁੱਲਾਂ ਨੂੰ ਗਣਿਤਕ ਢੰਗ ਨਾਲ ਘੁਮਾ ਜਾਂ ਕਦਮ-ਦਰ-ਕਦਮ ਬਦਲ ਕੇ ਕੱਢੇ ਜਾਂਦੇ ਹਨ। ਸੇਵ ਕੀਤੇ ਪੈਲੇਟ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ localStorage 'ਤੇ ਲਿਖੇ ਜਾਂਦੇ ਹਨ — ਕੁਝ ਵੀ ਤੁਹਾਡੀ ਡਿਵਾਈਸ ਤੋਂ ਬਾਹਰ ਨਹੀਂ ਜਾਂਦਾ।