🎨

ਮੁਫ਼ਤ ਰੰਗ ਕਨਵਰਟਰ

HEX, RGB, HSL, HSV, ਅਤੇ CMYK ਫਾਰਮੈਟਾਂ ਵਿਚਕਾਰ ਰੰਗ ਤੁਰੰਤ ਬਦਲੋ। ਇਸ ਵਿੱਚ ਇੱਕ ਚਮਕ ਸਕੇਲ ਅਤੇ ਪ੍ਰੀਸੈੱਟ ਸਵੈਚ ਸ਼ਾਮਲ ਹਨ।

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

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

HEX, RGB, HSL, HSV ਅਤੇ CMYK ਵਿਚਕਾਰ ਇੱਕ ਰੰਗ ਬਦਲੋ — ਲਾਈਵ ਪ੍ਰੀਵਿਊ ਅਤੇ ਇੱਕ-ਟੈਪ ਕਾਪੀ ਨਾਲ। ਸਭ ਕੁਝ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦਾ ਹੈ।

ਰੰਗ ਇਨਪੁੱਟ

ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ: HEX (#fff ਜਾਂ #ffffff), RGB (255, 255, 255), ਜਾਂ HSL (360, 100%, 50%)

ਓਪੈਸਿਟੀ100%

ਪ੍ਰੀਸੈੱਟ:

HEX#14B8A6

rgb() · ਪੁਰਾਣਾrgb(20, 184, 166)

rgb() · ਆਧੁਨਿਕrgb(20 184 166)

hsl() · ਪੁਰਾਣਾhsl(173, 80%, 40%)

hsl() · ਆਧੁਨਿਕhsl(173 80% 40%)

oklch()oklch(70.4% 0.123 182.5)

lab()lab(67.1% -42.9 -2.3)

lch()lch(67.1% 43.0 183.1)

hsv()hsv(173, 89%, 72%)

cmyk()cmyk(89%, 0%, 10%, 28%)

RGB ਵੈਲਿਊ20, 184, 166

WCAG ਕਾਂਟ੍ਰਾਸਟ

ਚਿੱਟੇ ਬੈਕਗਰਾਊਂਡ 'ਤੇ

2.49:1

ਫੇਲ੍ਹ

ਕਾਲੇ ਬੈਕਗਰਾਊਂਡ 'ਤੇ

8.44:1

AAA

🖨️ ਛਪਾਈ ਲਈ: ਇਹ CMYK ਮੁੱਲ (89%, 0%, 10%, 28%) ਸੰਦਰਭ ਲਈ ਇੱਕ ਮਿਆਰੀ sRGB→CMYK ਅੰਦਾਜ਼ਾ ਹਨ। ਸਟੀਕ ਪ੍ਰਿੰਟ ਰੰਗ ਲਈ, ਆਪਣੇ ਪ੍ਰਿੰਟਰ ਦੀ ICC ਪ੍ਰੋਫ਼ਾਈਲ ਜਾਂ ਛਪੀ ਹੋਈ ਪ੍ਰੂਫ਼ ਵਰਤੋ — ਸਕ੍ਰੀਨ CMYK ਹਰ ਸਿਆਹੀ/ਕਾਗਜ਼ ਨਾਲ ਮੇਲ ਨਹੀਂ ਖਾ ਸਕਦੀ।

ਲਾਈਟਨੈੱਸ ਸਕੇਲ

ਉਸ ਸ਼ੇਡ 'ਤੇ ਬਦਲਣ ਲਈ ਕਿਸੇ ਵੀ ਸਵਾਚ 'ਤੇ ਕਲਿੱਕ ਕਰੋ

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

ਸਾਰਾ ਬਦਲਾਅ ਤਰਕ ਹੱਥ ਨਾਲ ਲਿਖੀ JavaScript ਹੈ ਜੋ ਪੂਰੀ ਤਰ੍ਹਾਂ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਚੱਲਦੀ ਹੈ — ਕੋਈ ਲਾਇਬ੍ਰੇਰੀ, ਕੋਈ ਸਰਵਰ ਕਾਲ ਨਹੀਂ। ਟੂਲ ਤੁਹਾਡਾ ਇਨਪੁੱਟ ਪਾਰਸ ਕਰਦਾ ਹੈ, ਇਸਨੂੰ ਸ਼ੁੱਧ ਗਣਿਤ functions ਦੀ ਲੜੀ ਵਿੱਚੋਂ ਲੰਘਾਉਂਦਾ ਹੈ, ਅਤੇ ਇੱਕੋ ਵਾਰ ਗਿਆਰਾਂ ਆਉਟਪੁੱਟ ਫਾਰਮੈਟ ਬਣਾਉਂਦਾ ਹੈ, ਆਧੁਨਿਕ CSS Color 4 ਸਪੇਸਾਂ oklch() ਅਤੇ lab() ਸਮੇਤ।

1
ਲਚਕੀਲਾ ਇਨਪੁੱਟ ਪਾਰਸਿੰਗ
ਇੱਕ ਖ਼ਾਸ parser hex (3, 4, 6 ਜਾਂ 8 ਅੰਕ), rgb()/rgba(), hsl()/hsla() ਨੂੰ ਪੁਰਾਣੇ ਕੌਮਾ ਸਿੰਟੈਕਸ ਅਤੇ ਆਧੁਨਿਕ ਸਪੇਸ ਸਿੰਟੈਕਸ ਦੋਵਾਂ ਵਿੱਚ, ਅਤੇ ਸਾਦੇ ਅੰਕੀ ਤ੍ਰਿਕ ਮੰਨਦਾ ਹੈ। ਦਸ਼ਮਲਵ ਜਾਂ ਪ੍ਰਤੀਸ਼ਤ ਵਜੋਂ alpha ਮੁੱਲ ਕੋਈ ਵੀ ਬਦਲਾਅ ਸ਼ੁਰੂ ਹੋਣ ਤੋਂ ਪਹਿਲਾਂ 0–1 ਸੀਮਾ ਵਿੱਚ ਨਾਰਮਲਾਈਜ਼ ਹੁੰਦੇ ਹਨ।
2
ਬਦਲਾਅ ਦੇ ਕੇਂਦਰ ਵਜੋਂ RGB
ਹਰ ਮੰਨਿਆ ਫਾਰਮੈਟ ਪਹਿਲਾਂ ਇੱਕ ਮਿਆਰੀ RGB ਤ੍ਰਿਕ ਵਿੱਚ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ। ਉਸ ਇੱਕ ਰੂਪ ਤੋਂ ਟੂਲ ਅੱਗੇ ਫੈਲਦਾ ਹੈ: HSL ਅਤੇ HSV ਮਿਆਰੀ min/max/chroma ਫ਼ਾਰਮੂਲੇ ਵਰਤਦੇ ਹਨ; CMYK key ਚੈਨਲ ਲੱਭ ਕੇ ਕੱਢਿਆ ਜਾਂਦਾ ਹੈ; ਅਤੇ perceptual-space ਗਣਨਾਵਾਂ ਤੋਂ ਪਹਿਲਾਂ sRGB linearization (IEC 61966-2-1 ਵਿੱਚ ਪਰਿਭਾਸ਼ਿਤ ਟੁਕੜਿਆਂ ਵਾਲਾ gamma curve) ਲਾਗੂ ਹੁੰਦਾ ਹੈ।
3
Perceptual ਰੰਗ ਸਪੇਸਾਂ ਸ਼ੁਰੂ ਤੋਂ ਗਿਣੀਆਂ ਜਾਂਦੀਆਂ ਹਨ
oklch() Björn Ottosson ਦੇ ਹਵਾਲਾ 3×3 matrices (LMS cube-root ਸਪੇਸ) ਨਾਲ ਗਿਣਿਆ ਜਾਂਦਾ ਹੈ। lab() ਅਤੇ lch() D65 white point ਤੋਂ D50 ਵਿੱਚ ਬਦਲਣ ਲਈ Bradford chromatic adaptation ਵਰਤਦੇ ਹਨ, ਜੋ CSS Color 4 ਦੀ lab() ਪਰਿਭਾਸ਼ਾ ਨਾਲ ਮੇਲ ਖਾਂਦਾ ਹੈ। ਇਹ ਉਹੀ ਫ਼ਾਰਮੂਲੇ ਹਨ ਜੋ ਬ੍ਰਾਊਜ਼ਰ rendering ਇੰਜਣਾਂ ਵਿੱਚ ਵਰਤੇ ਜਾਂਦੇ ਹਨ — ਇੱਥੇ ਬਿਨਾਂ ਕਿਸੇ ਬਾਹਰੀ ਨਿਰਭਰਤਾ ਦੇ ਲਾਗੂ ਕੀਤੇ ਗਏ।
4
WCAG ਕੰਟ੍ਰਾਸਟ ਅਤੇ lightness ਪੈਮਾਨਾ
Relative luminance WCAG 2.1 ਫ਼ਾਰਮੂਲੇ ਮੁਤਾਬਕ ਗਿਣੀ ਜਾਂਦੀ ਹੈ (linearized R, G, B ਨੂੰ 0.2126/0.7152/0.0722 ਭਾਰ) ਅਤੇ ਚਿੱਟੇ ਅਤੇ ਕਾਲੇ ਦੇ ਮੁਕਾਬਲੇ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤ ਨੂੰ AA-large, AA, AAA ਜਾਂ Fail ਦਰਜਾ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। HSL lightness ਚੈਨਲ ਨੂੰ 10% ਤੋਂ 90% ਤੱਕ ਕਦਮ-ਦਰ-ਕਦਮ ਵਧਾ ਕੇ ਨੌਂ-ਕਦਮੀ lightness ਪੱਟੀ ਬਣਾਈ ਜਾਂਦੀ ਹੈ, ਜਿਸ ਵਿੱਚ ਕਿਸੇ ਵੀ swatch 'ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਉਹ ਸ਼ੇਡ ਬਦਲੀ ਜਾ ਸਕਦੀ ਹੈ।