ਪੰਨੇ ਬਾਰੇ ਜਾਣ-ਪਛਾਣ
ਇਹ ਪੰਨਾ ਇੱਕ ਸਿੱਧਾ ਟੂਲ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ: ਤੁਸੀਂ ਇੱਕ ਹੈਕਸ ਕਲਰ ਕੋਡ ਦਿੰਦੇ ਹੋ – ਪੂਰਾ ਛੇ-ਅੰਕੀ ਰੂਪ ਜਿਵੇਂ #1E90FF ਜਾਂ ਤਿੰਨ-ਅੰਕੀ ਸ਼ੌਰਟਹੈਂਡ ਜਿਵੇਂ #abc – ਅਤੇ ਪੰਨਾ ਤੁਰੰਤ ਇਸਦੇ ਬਰਾਬਰ HSL ਮੁੱਲ (ਹਿਊ ਡਿਗਰੀਆਂ ਵਿੱਚ, ਸੈਚੁਰੇਸ਼ਨ ਅਤੇ ਲਾਈਟਨੈੱਸ ਪ੍ਰਤੀਸ਼ਤਾਂ ਵਿੱਚ) ਵਾਪਸ ਕਰਦਾ ਹੈ। HSL ਰਿਪ੍ਰੈਜ਼ੈਂਟੇਸ਼ਨ ਮਨੁੱਖੀ ਸਮਝ ਲਈ ਤਿਆਰ ਕੀਤੀ ਗਈ ਹੈ, ਇਸ ਲਈ ਇੱਕੋ ਹਿਊ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦਿਆਂ ਲਾਈਟਨੈੱਸ ਜਾਂ ਸੈਚੁਰੇਸ਼ਨ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰਨਾ ਸੌਖਾ ਹੋ ਜਾਂਦਾ ਹੈ। ਉਸੇ ਸਮੇਂ ਪੰਨਾ ਹੋਰ ਸਾਰੇ ਸਮਰਥਿਤ ਫਾਰਮੈਟਾਂ (RGB, HSV, CMYK, LAB) ਵਿੱਚ ਵੀ ਕਲਰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦਾ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਜਿਸ ਦੀ ਵੀ ਲੋੜ ਹੋਵੇ, ਉਸਨੂੰ ਕਾਪੀ ਕਰ ਸਕੋ। ਸਾਰੇ ਖੇਤ ਇੱਕੋ ਵਾਰ ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ – ਜਦੋਂ ਤੁਸੀਂ ਹੈਕਸ ਸੰਪਾਦਿਤ ਕਰਦੇ ਹੋ, ਤਾਂ HSL, RGB, HSV, CMYK, ਅਤੇ LAB ਸਭ ਬਦਲ ਜਾਂਦੇ ਹਨ।
HEX ਅਤੇ HSL ਵਿੱਚ ਕੀ ਅੰਤਰ ਹੈ?
ਇਹ ਪੰਨਾ ਕਿਉਂ ਮੌਜੂਦ ਹੈ, ਉਸਦਾ ਕਾਰਨ HEX ਅਤੇ HSL ਦੇ ਬੁਨਿਆਦੀ ਅੰਤਰ ਵਿੱਚ ਹੈ।
-
HEX ਇੱਕ ਕੱਚਾ RGB ਨੋਟੇਸ਼ਨ ਹੈ – ਛੇ ਹੈਕਸਾਡੈਸੀਮਲ ਅੰਕ (ਜਾਂ ਤਿੰਨ-ਅੰਕੀ ਸ਼ੌਰਟਹੈਂਡ) ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਲਾਲ, ਹਰੇ, ਅਤੇ ਨੀਲੇ ਭਾਗਾਂ ਨੂੰ ਏਨਕੋਡ ਕਰਦੇ ਹਨ। ਇਹ ਸੰਖੇਪ ਅਤੇ CSS ਅਤੇ ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਵਿੱਚ ਵਿਆਪਕ ਤੌਰ 'ਤੇ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, ਪਰ ਮਨੁੱਖੀ-ਪੜ੍ਹਨਯੋਗ ਐਡਜਸਟਮੈਂਟਾਂ ਲਈ ਇਹ ਅਨੁਭਵੀ ਨਹੀਂ ਹੈ। ਉਦਾਹਰਨ ਵਜੋਂ,
#4f46e5– ਇਹ ਦੱਸਣਾ ਔਖਾ ਹੈ ਕਿ ਇਸਦਾ ਲਾਈਟਰ ਵਰਜ਼ਨ ਕੀ ਹੋਵੇਗਾ। -
HSL ਮਨੁੱਖੀ ਵਿਚਾਰ ਲਈ ਬਣਾਇਆ ਗਿਆ ਹੈ – ਹਿਊ (Hue) ਇੱਕ ਰੰਗ ਚੱਕਰ (0–360 ਡਿਗਰੀ) 'ਤੇ ਮਾਪਿਆ ਜਾਂਦਾ ਹੈ, ਸੈਚੁਰੇਸ਼ਨ (Saturation) ਰੰਗ ਦੀ ਤੀਬਰਤਾ (0–100%) ਦਰਸਾਉਂਦੀ ਹੈ, ਅਤੇ ਲਾਈਟਨੈੱਸ (Lightness) ਕਾਲੇ ਤੋਂ ਚਿੱਟੇ ਤੱਕ ਦੀ ਚਮਕ (0–100%) ਦਰਸਾਉਂਦੀ ਹੈ। ਸਿਰਫ ਲਾਈਟਨੈੱਸ ਬਦਲ ਕੇ, ਹਿਊ ਨੂੰ ਬਿਲਕੁਲ ਬਰਕਰਾਰ ਰੱਖਿਆ ਜਾ ਸਕਦਾ ਹੈ – ਇਹੀ ਕਾਰਨ ਹੈ ਕਿ HSL ਕਲਰ ਪੈਲੇਟ ਅਤੇ ਥੀਮ ਸਿਸਟਮ ਬਣਾਉਣ ਲਈ ਪਸੰਦ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
-
ਕੋਈ ਅਲਫ਼ਾ ਚੈਨਲ ਨਹੀਂ – ਮਿਆਰੀ HEX (ਛੇ-ਅੰਕੀ ਜਾਂ ਤਿੰਨ-ਅੰਕੀ) ਪਾਰਦਰਸ਼ਤਾ ਸੰਬੰਧੀ ਕੋਈ ਜਾਣਕਾਰੀ ਨਹੀਂ ਰੱਖਦਾ, ਅਤੇ HSL ਵੀ ਅਲਫ਼ਾ ਭਾਗ ਸ਼ਾਮਲ ਨਹੀਂ ਕਰਦਾ। ਪਰਿਵਰਤਨ ਹਮੇਸ਼ਾ ਪੂਰੀ ਤਰ੍ਹਾਂ ਓਪੈਕ (ਅਪਾਰਦਰਸ਼ੀ) ਰੰਗਾਂ ਨਾਲ ਹੁੰਦਾ ਹੈ।
ਇਹ ਟੂਲ ਖਾਸ ਤੌਰ 'ਤੇ ਉਦੋਂ ਲਾਭਦਾਇਕ ਹੈ ਜਦੋਂ ਤੁਹਾਨੂੰ ਕਿਸੇ ਡਿਜ਼ਾਈਨ ਮੌਕਅੱਪ ਤੋਂ HEX ਕਲਰ ਨੂੰ HSL ਵਿੱਚ ਬਦਲਣਾ ਹੋਵੇ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਆਸਾਨੀ ਨਾਲ ਲਾਈਟਨੈੱਸ ਜਾਂ ਸੈਚੁਰੇਸ਼ਨ ਵਿੱਚ ਹੇਰਾਫੇਰੀ ਕਰ ਸਕੋ।
ਇਨਪੁਟ ਅਤੇ ਆਉਟਪੁਟ
ਇਨਪੁਟ – ਇੱਕ ਹੈਕਸ ਕਲਰ ਕੋਡ, ਜਾਂ ਤਾਂ ਛੇ ਅੰਕ (ਉਦਾਹਰਨ: #4f46e5) ਜਾਂ ਤਿੰਨ-ਅੰਕੀ ਸ਼ੌਰਟਹੈਂਡ (ਉਦਾਹਰਨ: #abc)। ਸ਼ੁਰੂਆਤੀ # ਨੂੰ ਛੱਡਣ ਦੀ ਇਜਾਜ਼ਤ ਹੈ – 4f46e5 ਵੀ ਕੰਮ ਕਰੇਗਾ।
ਆਉਟਪੁਟ – HSL ਬਰਾਬਰ ਮੁੱਲ (ਹਿਊ 0–360°, ਸੈਚੁਰੇਸ਼ਨ 0–100%, ਲਾਈਟਨੈੱਸ 0–100%) ਦੇ ਨਾਲ-ਨਾਲ ਰੰਗ ਦੀ HEX, RGB, HSV, CMYK, ਅਤੇ LAB ਵਿੱਚ ਪੇਸ਼ਕਾਰੀ। ਸਾਰੇ ਖੇਤ ਇੱਕੋ ਵਾਰ ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ। ਇੱਕ ਖਾਸ ਉਦਾਹਰਨ:
- HEX
#1E90FF→ HSL: 207°, 100%, 56% (ਡੌਜ ਬਲੂ) - HEX
#abc(ਜੋ#aabbccਦੇ ਬਰਾਬਰ ਹੈ) → HSL: 210°, 25%, 73%
ਨਿਯਮ ਅਤੇ ਹੱਦ ਦੇ ਮਾਮਲੇ
-
ਕੇਵਲ ਵੈਧ ਹੈਕਸ ਕੋਡ – ਪੰਨਾ ਸਿਰਫ ਛੇ-ਅੰਕੀ ਜਾਂ ਤਿੰਨ-ਅੰਕੀ ਹੈਕਸ ਕੋਡ (
#ਨਾਲ ਜਾਂ ਬਿਨਾਂ) ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ। ਕੋਈ ਗਲਤ ਮੁੱਲ (ਜਿਵੇਂ#xyzਜਾਂ#12345) ਦਾਖਲ ਕਰਨ 'ਤੇ ਗਲਤੀ ਸੁਨੇਹਾ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ: "Enter a hex color like #4f46e5 or #abc." -
ਗੈਮਟ ਤੋਂ ਬਾਹਰ ਦੇ ਮੁੱਲ – ਜੇਕਰ ਤੁਸੀਂ ਕਿਸੇ ਹੋਰ ਕਲਰ ਸਪੇਸ (ਜਿਵੇਂ LAB ਜਾਂ CMYK) 'ਤੇ ਜਾ ਕੇ ਕੋਈ ਅਜਿਹਾ ਮੁੱਲ ਦਾਖਲ ਕਰਦੇ ਹੋ ਜੋ ਦਿਖਾਈ ਜਾਣ ਵਾਲੇ RGB ਗੈਮਟ ਤੋਂ ਬਾਹਰ ਹੈ, ਤਾਂ ਰੰਗ ਨੂੰ ਸਭ ਤੋਂ ਨਜ਼ਦੀਕੀ ਪ੍ਰਦਰਸ਼ਨਯੋਗ ਰੰਗ ਵਿੱਚ ਵਿਵਸਥਿਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ; ਉਸ ਰੰਗ ਨੂੰ ਵਾਪਸ ਹੈਕਸ ਵਿੱਚ ਬਦਲਣ 'ਤੇ ਥੋੜ੍ਹਾ ਫਰਕ ਆ ਸਕਦਾ ਹੈ।
-
CMYK ਸਿਰਫ ਅਨੁਮਾਨ – CMYK ਮੁੱਲ ਸਕ੍ਰੀਨ 'ਤੇ ਇੱਕ ਅੰਦਾਜ਼ਾ ਹਨ; ਪੇਸ਼ੇਵਰ ਪ੍ਰਿੰਟ ਲਈ ਕੈਲੀਬ੍ਰੇਸ਼ਨ ਤੋਂ ਬਿਨਾਂ ਇਹਨਾਂ 'ਤੇ ਭਰੋਸਾ ਨਹੀਂ ਕਰਨਾ ਚਾਹੀਦਾ।
-
ਸਭ ਪਰਿਵਰਤਨ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਹੁੰਦੇ ਹਨ – ਕੋਈ ਵੀ ਡੇਟਾ ਅੱਪਲੋਡ ਜਾਂ ਸਟੋਰ ਨਹੀਂ ਹੁੰਦਾ। ਤੁਸੀਂ ਜੋ ਕੁਝ ਵੀ ਟਾਈਪ ਕਰਦੇ ਹੋ, ਉਹ ਸਿਰਫ ਤੁਹਾਡੇ ਕੰਪਿਊਟਰ 'ਤੇ ਪ੍ਰੋਸੈਸ ਹੁੰਦਾ ਹੈ।
ਕੌਣ ਇਸ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ?
-
ਫਰੰਟ-ਐਂਡ ਡਿਵੈਲਪਰ – ਜੋ CSS ਲਿਖਦੇ ਹਨ ਅਤੇ ਕਿਸੇ ਡਿਜ਼ਾਈਨ ਮੌਕਅੱਪ ਤੋਂ HEX ਕਲਰ ਨੂੰ HSL ਵਿੱਚ ਬਦਲਣਾ ਚਾਹੁੰਦੇ ਹਨ, ਤਾਂ ਜੋ ਉਹ ਹੋਵਰ ਸਟੇਟ ਜਾਂ ਥੀਮ ਵੇਰੀਐਂਟ ਲਈ ਲਾਈਟਨੈੱਸ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਵਿਵਸਥਿਤ ਕਰ ਸਕਣ।
-
UI/UX ਡਿਜ਼ਾਈਨਰ – ਜੋ ਹਿਊ, ਸੈਚੁਰੇਸ਼ਨ, ਅਤੇ ਲਾਈਟਨੈੱਸ ਦੇ ਰੂਪ ਵਿੱਚ ਸੋਚਦੇ ਹਨ ਅਤੇ HEX ਵਿੱਚ ਦਿੱਤੇ ਬ੍ਰਾਂਡ ਕਲਰ ਨੂੰ HSL ਵਿੱਚ ਬਦਲਣ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
-
ਕਲਰ ਪੈਲੇਟ ਬਣਾਉਣ ਵਾਲੇ – HSL ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਪੂਰਕ, ਸਮਾਨ, ਜਾਂ ਮੋਨੋਕ੍ਰੋਮੈਟਿਕ ਸਕੀਮਾਂ ਬਣਾਉਣਾ ਸੌਖਾ ਹੁੰਦਾ ਹੈ: ਸਿਰਫ ਹਿਊ ਜਾਂ ਸੈਚੁਰੇਸ਼ਨ ਨੂੰ ਟਵੀਕ ਕਰਨ ਦੀ ਲੋੜ ਹੁੰਦੀ ਹੈ।
-
ਵੈੱਬ ਪਹੁੰਚਯੋਗਤਾ ਆਡੀਟਰ – ਜੋ ਕੰਟ੍ਰਾਸਟ ਅਨੁਪਾਤਾਂ ਦੀ ਜਾਂਚ ਕਰਦੇ ਹਨ; HSL ਨੂੰ RAW HEX ਜਾਂ RGB ਨਾਲੋਂ ਸਮਝਣਾ ਸੌਖਾ ਲੱਗਦਾ ਹੈ। ਉਦਾਹਰਨ ਵਜੋਂ, WCAG AA (4.5:1) ਲਈ ਕਾਫੀ ਲਾਈਟਨੈੱਸ ਬਣਾਈ ਰੱਖਣੀ HSL ਵਿੱਚ ਸਿੱਧਾ ਕੀਤੀ ਜਾ ਸਕਦੀ ਹੈ।
HSL ਅਤੇ RGB/HEX ਦਾ ਗਣਿਤਕ ਸਬੰਧ
HEX ਤੋਂ HSL ਵਿੱਚ ਪਰਿਵਰਤਨ ਅਸਲ ਵਿੱਚ HEX → RGB → HSL ਕਦਮਾਂ 'ਤੇ ਅਧਾਰਤ ਹੈ। ਪਹਿਲਾਂ, HEX (ਜਿਵੇਂ #4f46e5) ਨੂੰ RGB ਵਿੱਚ ਬਦਲਿਆ ਜਾਂਦਾ ਹੈ: 4f = 79, 46 = 70, e5 = 229। ਫਿਰ ਇਹਨਾਂ RGB ਮੁੱਲਾਂ (0–255) ਨੂੰ 0–1 ਰੇਂਜ ਵਿੱਚ ਸਧਾਰਨ ਕੀਤਾ ਜਾਂਦਾ ਹੈ (79/255 ≈ 0.310, 70/255 ≈ 0.275, 229/255 ≈ 0.898)।
HSL ਦੀ ਗਣਨਾ ਲਈ, ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਅਧਿਕਤਮ ਅਤੇ ਘੱਟੋ-ਘੱਟ RGB ਮੁੱਲ ਲੱਭੇ ਜਾਂਦੇ ਹਨ। max = 0.898, min = 0.275। ਲਾਈਟਨੈੱਸ L = (max + min) / 2 = (0.898 + 0.275) / 2 = 0.5865 ≈ 58.65%। ਸੈਚੁਰੇਸ਼ਨ S: ਜੇਕਰ max = min, S = 0; ਨਹੀਂ ਤਾਂ, L ≤ 0.5 ਲਈ S = (max - min)/(max + min), L > 0.5 ਲਈ S = (max - min)/(2 - max - min)। ਇੱਥੇ L ≈ 0.5865 > 0.5, ਇਸਲਈ S = (0.898 - 0.275) / (2 - 0.898 - 0.275) = 0.623 / 0.827 ≈ 0.753 ≈ 75.3%। ਹਿਊ H: (G - B)/(max - min) +... (ਉਚਿਤ ਸੈਕਟਰ ਅਨੁਸਾਰ) – ਇੱਥੇ max = R (0.898), H = 60 × ((G - B)/(max - min) mod 6) = 60 × ((0.275 - 0.898)/0.623 mod 6) = 60 × ((-0.623)/0.623 mod 6) = 60 × (-1 mod 6) = 60 × 5 = 300°। ਇਸ ਤਰ੍ਹਾਂ #4f46e5 → HSL (300°, 75.3%, 58.7%)। (ਨੋਟ: ਅਸਲ ਮੁੱਲ ਗੋਲਾਈ ਕਾਰਨ ਥੋੜ੍ਹਾ ਵੱਖ ਹੋ ਸਕਦੇ ਹਨ – ਪਰ ਟੂਲ ਸਟੈਂਡਰਡ CSS ਫਾਰਮੂਲੇ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ)।
HEX ਦੇ ਤਿੰਨ-ਅੰਕੀ ਸ਼ੌਰਟਹੈਂਡ (#abc) ਨੂੰ ਪਹਿਲਾਂ ਵਧਾਇਆ ਜਾਂਦਾ ਹੈ: ਹਰੇਕ ਅੰਕ ਨੂੰ ਦੁਹਰਾਓ – #abc → #aabbcc। ਇਸ ਤੋਂ ਬਾਅਦ ਉਪਰੋਕਤ ਪ੍ਰਕਿਰਿਆ ਲਾਗੂ ਹੁੰਦੀ ਹੈ।
ਇਸ ਸਭ ਦਾ ਮਤਲਬ ਹੈ ਕਿ HSL ਮੁੱਲ RGB ਮੁੱਲਾਂ 'ਤੇ ਅਧਾਰਤ ਹੁੰਦੇ ਹਨ – ਇਸ ਲਈ HEX ਅਤੇ HSL ਵਿੱਚ ਕੋਈ "ਜਾਣਕਾਰੀ ਨੁਕਸਾਨ" ਨਹੀਂ ਹੁੰਦਾ, ਜਦੋਂ ਤੱਕ ਕੋਈ ਗੈਮਟ ਸੰਕੁਚਨ ਨਾ ਹੋਵੇ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ (FAQ)
1. ਕੀ ਮੈਂ ਸ਼ੁਰੂਆਤੀ # ਤੋਂ ਬਿਨਾਂ HEX ਕੋਡ ਵਰਤ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?
ਹਾਂ। ਪੰਨਾ #4f46e5 ਅਤੇ 4f46e5 ਦੋਵਾਂ ਨੂੰ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ। ਇਹੀ ਨਿਯਮ ਤਿੰਨ-ਅੰਕੀ ਸ਼ੌਰਟਹੈਂਡ #abc / abc 'ਤੇ ਲਾਗੂ ਹੁੰਦਾ ਹੈ।
2. ਕੀ ਇਹ ਟੂਲ ਅਲਫ਼ਾ ਚੈਨਲ (transparency) ਸੰਭਾਲਦਾ ਹੈ? ਨਹੀਂ। HEX (ਛੇ-ਅੰਕੀ) ਵਿੱਚ ਅਲਫ਼ਾ ਨਹੀਂ ਹੁੰਦਾ, ਅਤੇ HSL ਵਿੱਚ ਵੀ ਅਲਫ਼ਾ ਨਹੀਂ ਹੁੰਦਾ। ਸਾਰੇ ਪਰਿਵਰਤਨ 100% ਓਪੈਕ ਰੰਗਾਂ ਲਈ ਹਨ। ਜੇਕਰ ਤੁਹਾਨੂੰ ਪਾਰਦਰਸ਼ਤਾ ਦੀ ਲੋੜ ਹੈ, ਤਾਂ HEX-a (8-ਅੰਕੀ) ਤੋਂ HSLA ਪਰਿਵਰਤਨ ਲਈ ਕਿਸੇ ਹੋਰ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ।
3. ਜਦੋਂ ਮੈਂ LAB ਜਾਂ CMYK ਮੁੱਲ ਬਦਲਦਾ/ਬਦਲਦੀ ਹਾਂ, ਤਾਂ HEX ਕਿਉਂ ਬਦਲ ਜਾਂਦਾ ਹੈ? ਕਿਉਂਕਿ LAB ਅਤੇ CMYK ਦੇ ਕੁਝ ਮੁੱਲ RGB ਗੈਮਟ (ਸਕ੍ਰੀਨ 'ਤੇ ਦਿਖਾਈ ਜਾਣ ਵਾਲੇ ਰੰਗਾਂ ਦੀ ਸੀਮਾ) ਤੋਂ ਬਾਹਰ ਹੁੰਦੇ ਹਨ। ਟੂਲ ਰੰਗ ਨੂੰ ਸਭ ਤੋਂ ਨਜ਼ਦੀਕੀ ਪ੍ਰਦਰਸ਼ਨਯੋਗ ਰੰਗ ਵਿੱਚ ਵਿਵਸਥਿਤ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ HEX ਵਿੱਚ ਤਬਦੀਲੀ ਆ ਸਕਦੀ ਹੈ।
4. ਕੀ ਮੇਰੇ ਡੇਟਾ ਦੀ ਕੋਈ ਪਰਦੇਦਾਰੀ ਹੈ? ਹਾਂ, ਪੂਰੀ ਤਰ੍ਹਾਂ। ਸਾਰੇ ਪਰਿਵਰਤਨ ਤੁਹਾਡੇ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ (client-side) ਹੁੰਦੇ ਹਨ। ਕੋਈ ਵੀ HEX ਜਾਂ HSL ਮੁੱਲ ਸਰਵਰ ਨੂੰ ਨਹੀਂ ਭੇਜਿਆ ਜਾਂਦਾ।
5. ਕੀ ਮੈਂ HSL ਮੁੱਲ ਸਿੱਧਾ CSS ਵਿੱਚ ਵਰਤ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?
ਹਾਂ। CSS hsl(300°, 75%, 59%) ਵਰਗਾ ਸੰਟੈਕਸ ਸਵੀਕਾਰ ਕਰਦਾ ਹੈ। ਬਸ ਯਕੀਨ ਕਰੋ ਕਿ ਡਿਗਰੀ (°) ਜਾਂ ਕੌਮਾ ਸਹੀ ਢੰਗ ਨਾਲ ਵਰਤੇ ਗਏ ਹਨ।
6. ਮੈਂ HEX #abc ਨੂੰ HSL ਵਿੱਚ ਕਿਵੇਂ ਬਦਲਾਂ?
ਸਿਰਫ #abc (ਜਾਂ abc) ਇਨਪੁਟ ਬਕਸੇ ਵਿੱਚ ਲਿਖੋ। ਪੰਨਾ ਆਪਣੇ ਆਪ ਇਸਨੂੰ #aabbcc ਵਜੋਂ ਫੈਲਾ ਕੇ HSL ਦੀ ਗਣਨਾ ਕਰੇਗਾ।