ਇਹ ਪੰਨਾ ਕੀ ਕਰਦਾ ਹੈ?
ਇਹ ਔਜ਼ਾਰ ਤੁਹਾਨੂੰ ਕਿਸੇ ਵੀ ਚਿੱਤਰ ਵਿੱਚੋਂ ਸਿੱਧਾ ਹੈਕਸ ਰੰਗ ਕੋਡ ਕੱਢਣ ਦੀ ਸਹੂਲਤ ਦਿੰਦਾ ਹੈ। ਤੁਸੀਂ ਆਪਣੀ ਡਿਵਾਈਸ ਤੋਂ ਇੱਕ PNG, JPG, WebP, GIF, AVIF, ਜਾਂ HEIC ਫ਼ਾਈਲ ਚੁਣਦੇ ਹੋ, ਫਿਰ ਚਿੱਤਰ ਉੱਤੇ ਮਾਊਸ ਘੁਮਾਓ ਜਾਂ ਕਲਿੱਕ ਕਰੋ। ਔਜ਼ਾਰ ਉਸ ਪਿਕਸਲ ਦਾ ਰੰਗ ਤੁਰੰਤ ਹੈਕਸ (#RRGGBB), RGB, ਅਤੇ HSL ਵਿੱਚ ਦਿਖਾ ਦਿੰਦਾ ਹੈ। ਇੱਕ ਮੈਗਨੀਫ਼ਾਈਡ ਵਿਊ (ਵੱਡਾ ਕਰਕੇ ਦਿਖਾਉਣ ਵਾਲਾ ਦ੍ਰਿਸ਼) ਤੁਹਾਨੂੰ ਬਿਲਕੁਲ ਸਹੀ ਪਿਕਸਲ ਚੁਣਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। ਤੁਸੀਂ ਕਈ ਰੰਗਾਂ ਨੂੰ 12 ਆਈਟਮਾਂ ਦੇ ਇਤਿਹਾਸ ਵਿੱਚ ਸਟੋਰ ਕਰ ਸਕਦੇ ਹੋ ਤਾਂ ਜੋ ਬਾਅਦ ਵਿੱਚ ਉਹਨਾਂ ਨੂੰ ਦੁਬਾਰਾ ਵਰਤ ਸਕੋ। ਹਰੇਕ ਕਲਿੱਕ 'ਤੇ "Saved ‹hex› to your picks" ਦਾ ਸੁਨੇਹਾ ਆਉਂਦਾ ਹੈ।
ਇਹ ਕੰਮ ਪੂਰੀ ਤਰ੍ਹਾਂ ਕਲਾਇੰਟ-ਸਾਈਡ (ਬਰਾਊਜ਼ਰ ਵਿੱਚ) ਹੁੰਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਹਾਡੀ ਤਸਵੀਰ ਕਿਸੇ ਸਰਵਰ ‘ਤੇ ਅੱਪਲੋਡ ਨਹੀਂ ਹੁੰਦੀ। ਇਹ ਪ੍ਰਾਈਵੇਸੀ ਲਈ ਖ਼ਾਸ ਤੌਰ ‘ਤੇ ਫ਼ਾਇਦੇਮੰਦ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਸੰਵੇਦਨਸ਼ੀਲ ਡਿਜ਼ਾਈਨ ਸਮੱਗਰੀ 'ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹੋ।
ਇਹ ਪੰਨਾ ਹੋਰ ਪੰਨਿਆਂ ਤੋਂ ਕਿਵੇਂ ਵੱਖਰਾ ਹੈ?
ਇਸ ਪੰਨੇ ਦਾ ਮੁੱਖ ਆਉਟਪੁੱਟ ਹੈਕਸ (hexadecimal) ਕੋਡ ਹੈ—ਛੇ ਅੰਕਾਂ ਵਾਲਾ RGB ਨੋਟੇਸ਼ਨ (#RRGGBB) ਜੋ CSS ਅਤੇ ਡਿਜ਼ਾਈਨ ਟੂਲਜ਼ ਵਿੱਚ ਸਟੈਂਡਰਡ ਹੈ। ਜਦਕਿ ਸਹਾਇਕ ਪੰਨੇ (sibling pages) RGB ਫੰਕਸ਼ਨਲ ਨੋਟੇਸ਼ਨ (rgb(30,144,255)) ਜਾਂ HSL (hsl(210,100%,56%)) 'ਤੇ ਫੋਕਸ ਕਰਦੇ ਹਨ, ਇਹ ਪੰਨਾ ਸਿਰਫ਼ ਹੈਕਸ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।
ਹੈਕਸ ਵਿੱਚ ਆਪਣੇ ਛੇ-ਅੰਕੀ ਰੂਪ ਵਿੱਚ ਕੋਈ ਐਲਫ਼ਾ ਚੈਨਲ ਨਹੀਂ ਹੁੰਦਾ। ਇਸ ਲਈ ਜੇਕਰ ਕੋਈ ਪਿਕਸਲ ਅਰਧ-ਪਾਰਦਰਸ਼ੀ (semi-transparent) ਹੈ, ਤਾਂ ਔਜ਼ਾਰ ਇਸਦੀ ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ ਵੱਖਰੇ ਤੌਰ ‘ਤੇ “Alpha ‹n›% — this pixel is partly transparent.” ਵਜੋਂ ਦਰਸਾਉਂਦਾ ਹੈ। ਇਹ ਗੱਲ ਖ਼ਾਸ ਤੌਰ ‘ਤੇ PNG ਫ਼ਾਈਲਾਂ ਵਿੱਚ ਮਹੱਤਵਪੂਰਨ ਹੈ, ਕਿਉਂਕਿ ਉੱਥੇ ਪਿਕਸਲਾਂ ਦਾ ਪੂਰਾ RGB ਮੁੱਲ ਮੌਜੂਦ ਹੋਣ ਦੇ ਬਾਵਜੂਦ ਉਹਨਾਂ ਦੀ ਅਲਫ਼ਾ ਵੈਲਯੂ ਵੱਖਰੀ ਹੋ ਸਕਦੀ ਹੈ।
ਹੈਕਸ CSS ਵਿੱਚ ਸਿੱਧਾ ਲਿਖਿਆ ਜਾ ਸਕਦਾ ਹੈ: color: #1E90FF;। ਕਿਸੇ parentheses ਜਾਂ syntax ਦੀ ਲੋੜ ਨਹੀਂ। ਇਹੀ ਕਾਰਨ ਹੈ ਕਿ ਜਦੋਂ ਤੁਹਾਨੂੰ ਕਿਸੇ CSS ਪ੍ਰਾਪਰਟੀ ਵਿੱਚ ਬਿਨਾਂ ਕਿਸੇ ਵਾਧੂ format ਦੇ ਰੰਗ ਪਾਉਣਾ ਹੋਵੇ, ਤਾਂ ਇਹ ਪੰਨਾ ਸਭ ਤੋਂ ਵਧੀਆ ਹੈ।
ਰੰਗ ਮਾਡਲਾਂ ਦੀ ਸਮਝ: HEX, RGB, ਅਤੇ HSL
ਇਹ ਔਜ਼ਾਰ ਤਿੰਨੋਂ ਰੰਗ ਮਾਡਲ ਇੱਕੋ ਵੇਲੇ ਦਿਖਾਉਂਦਾ ਹੈ, ਜਿਸ ਤੋਂ ਤੁਸੀਂ ਹਰ ਇੱਕ ਨੂੰ ਕਲਿੱਕ ਕਰਕੇ ਕਾਪੀ ਕਰ ਸਕਦੇ ਹੋ। ਇਹਨਾਂ ਦੀ ਜਾਣਕਾਰੀ ਹੇਠ ਲਿਖੇ ਸਾਰਣੀ ਵਿੱਚ ਦਿੱਤੀ ਗਈ ਹੈ:
| ਮਾਡਲ | ਫਾਰਮੈਟ | ਉਦਾਹਰਨ | ਐਪਲੀਕੇਸ਼ਨ |
|---|---|---|---|
| HEX | #RRGGBB (6 ਅੰਕ) | #1E90FF |
CSS, HTML, Adobe Suite, Figma |
| RGB | rgb(Red, Green, Blue) | rgb(30, 144, 255) |
CSS, ਡਿਜ਼ਾਈਨ ਸੌਫਟਵੇਅਰ, ਪਿੱਛਲੀ API |
| HSL | hsl(Hue, Saturation, Lightness) | hsl(210, 100%, 56%) |
UI/UX, ਰੰਗ ਥੀਮਿੰਗ |
HEX ਮਾਡਲ 16-ਅੰਕੀ (hexadecimal) ਸਿਸਟਮ ਵਰਤਦਾ ਹੈ: 0–9 ਅਤੇ A–F। ਇਸ ਵਿੱਚ 0 (0) ਤੋਂ FF (255) ਤੱਕ 256 ਮੁੱਲ ਸੰਭਵ ਹਨ। ਹਰੇਕ Red, Green, Blue ਚੈਨਲ ਲਈ ਦੋ ਅੰਕ ਹੁੰਦੇ ਹਨ। ਉਦਾਹਰਨ ਲਈ #1E90FF:
- Red: 1E (30 decimal)
- Green: 90 (144 decimal)
- Blue: FF (255 decimal)
CSS ਵਿੱਚ 3-ਅੰਕੀ ਸ਼ਾਰਟਹੈਂਡ (#RGB) ਵੀ ਸੰਭਵ ਹੈ ਜਦੋਂ ਹਰ ਚੈਨਲ ਦੇ ਦੋ ਅੰਕ ਇੱਕੋ ਜਿਹੇ ਹੋਣ (ਜਿਵੇਂ #1E90FF 3-ਅੰਕੀ ਨਹੀਂ ਹੋ ਸਕਦਾ, ਪਰ #3366CC → #36C)।
ਪਿਕਸਲ ਸੈਂਪਲਿੰਗ ਅਤੇ ਪਾਰਦਰਸ਼ਤਾ ਦਾ ਮੁੱਦਾ
ਜਦੋਂ ਤੁਸੀਂ ਚਿੱਤਰ ਲੋਡ ਕਰਦੇ ਹੋ, ਤਾਂ ਔਜ਼ਾਰ ਆਪਣੇ-ਆਪ ਕੇਂਦਰੀ ਪਿਕਸਲ ਦਾ ਰੰਗ, ਕੋਆਰਡੀਨੇਟ, ਅਤੇ ਪਾਰਦਰਸ਼ਤਾ ਦਿਖਾਉਂਦਾ ਹੈ। ਫਿਰ ਮਾਊਸ ਨੂੰ ਘੁਮਾਉਣ ਨਾਲ ਹਰ ਪਿਕਸਲ 'ਤੇ ਮੁੱਲ ਤਬਦੀਲ ਹੁੰਦੇ ਰਹਿੰਦੇ ਹਨ। ਕਲਿੱਕ ਕਰਨ ਨਾਲ ਉਹੀ ਰੰਗ “ਪਿਕਸ” (saved) ਹੋ ਜਾਂਦਾ ਹੈ।
ਧਿਆਨ ਦੇਣ ਯੋਗ ਗੱਲ: JPEG ਕੰਪਰੈਸ਼ਨ ਜਾਂ ਐਂਟੀ-ਅਲਾਇਸਿੰਗ (smoothing) ਕਾਰਨ ਦੋ ਲਗਭਗ ਇੱਕੋ ਜਿਹੇ ਪਿਕਸਲਾਂ ਦੇ RGB ਮੁੱਲ ਵੱਖ-ਵੱਖ ਹੋ ਸਕਦੇ ਹਨ। ਇਸ ਕਰਕੇ ਸਹੀ ਪਿਕਸਲ ਚੁਣਨਾ ਬਹੁਤ ਜ਼ਰੂਰੀ ਹੁੰਦਾ ਹੈ। ਮੈਗਨੀਫ਼ਾਈਡ ਵਿਊ ਇਸੇ ਲਈ ਮੌਜੂਦ ਹੈ: ਇਹ ਤੁਹਾਨੂੰ ਪਿਕਸਲ-ਪੱਧਰ ‘ਤੇ ਜ਼ੂਮ ਕਰਕੇ ਦਿਖਾਉਂਦਾ ਹੈ, ਤਾਂ ਜੋ ਤੁਸੀਂ ਕਿਸੇ anti-aliased edge ‘ਤੇ ਵੀ ਸਹੀ ਪਿਕਸਲ ਚੁਣ ਸਕੋ।
ਪਾਰਦਰਸ਼ਤਾ ਸੰਬੰਧੀ ਨਿਯਮ:
- PNG, WebP, GIF, AVIF, HEIC ਵਿੱਚ ਐਲਫ਼ਾ ਚੈਨਲ ਹੋ ਸਕਦਾ ਹੈ।
- JPEG ਵਿੱਚ ਕੋਈ ਪਾਰਦਰਸ਼ਤਾ ਨਹੀਂ ਹੁੰਦੀ; ਹਰ ਪਿਕਸਲ 100% ਓਪੈਕ ਹੁੰਦਾ ਹੈ।
- ਔਜ਼ਾਰ ਪਿਕਸਲ ਦੇ ਅਸਲ RGB ਮੁੱਲ ਦਿਖਾਉਂਦਾ ਹੈ, ਭਾਵੇਂ ਪਾਰਦਰਸ਼ਤਾ 50% ਹੋਵੇ। ਇਹ ਪਿੱਛੇ ਪਏ ਕਿਸੇ ਬੈਕਗਰਾਊਂਡ ‘ਤੇ ਗੌਰ ਨਹੀਂ ਕਰਦਾ।
- “Alpha ‹n›% — this pixel is partly transparent.” ਸੁਨੇਹਾ ਸਿਰਫ਼ 100% ਤੋਂ ਘੱਟ ਅਲਫ਼ਾ ‘ਤੇ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।
ਵਰਤੋਂ ਦੇ ਨਿਯਮ ਅਤੇ ਸੀਮਾਵਾਂ
ਔਜ਼ਾਰ ਦੇ ਕੁਝ ਮਹੱਤਵਪੂਰਨ ਨਿਯਮ ਹਨ:
- ਫ਼ਾਈਲ ਪਾਬੰਦੀਆਂ: ਸਿਰਫ਼ PNG, JPG, WebP, GIF, AVIF, HEIC। ਜੇਕਰ ਕੋਈ ਅਣਸੁਪੋਰਟਡ ਫ਼ਾਈਲ (ਜਿਵੇਂ BMP) ਪਾਈ ਜਾਵੇ, ਤਾਂ “That file type is not supported. Try a PNG, JPG, WebP, GIF, AVIF or HEIC image.” ਸੁਨੇਹਾ ਆਉਂਦਾ ਹੈ।
- ਕਰੱਪਟ ਫ਼ਾਈਲ: “That image could not be opened. It may be corrupted or in an unsupported format.”
- ਵੱਡੇ ਚਿੱਤਰ: ਜੇਕਰ ਸਭ ਤੋਂ ਲੰਬੀ ਸਾਈਡ 4096 ਪਿਕਸਲ ਤੋਂ ਵੱਧ ਹੋਵੇ, ਤਾਂ ਚਿੱਤਰ ਆਪਣੇ-ਆਪ ਸਕੇਲ ਡਾਊਨ ਕਰ ਦਿੱਤਾ ਜਾਂਦਾ ਹੈ। ਇਹ ਬਰਾਊਜ਼ਰ ਮੈਮੋਰੀ ਨੂੰ ਸਹੀ ਸੰਭਾਲਣ ਲਈ ਕੀਤਾ ਜਾਂਦਾ ਹੈ।
- ਇਤਿਹਾਸ (History): 12 ਰੰਗਾਂ ਤੱਕ ਸਟੋਰ ਹੁੰਦੇ ਹਨ। ਇੱਕੋ RGB ਮੁੱਲ ਪਰ ਵੱਖ-ਵੱਖ ਅਲਫ਼ਾ ਵਾਲੇ ਰੰਗ ਵੱਖ-ਵੱਖ ਐਂਟਰੀਆਂ ਵਜੋਂ ਸ਼ਾਮਲ ਹੁੰਦੇ ਹਨ।
- ਕਾਪੀ ਕਰਨਾ: ਕਿਸੇ ਵੀ ਰੰਗ ਮੁੱਲ (HEX, RGB, HSL) ‘ਤੇ ਕਲਿੱਕ ਕਰਨ ਨਾਲ ਉਹ ਕਲਿੱਪਬੋਰਡ ‘ਤੇ ਕਾਪੀ ਹੋ ਜਾਂਦਾ ਹੈ। ਜੇਕਰ ਬਰਾਊਜ਼ਰ ਕਾਪੀ ਨੂੰ ਬਲੌਕ ਕਰਦਾ ਹੈ, ਤਾਂ “Could not copy — your browser blocked clipboard access.” ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ।
ਕੀਬੋਰਡ ਨੈਵੀਗੇਸ਼ਨ: ਪਹੁੰਚਯੋਗਤਾ ਅਤੇ ਸੁਚੱਜਾਪਨ
ਕੇਵਲ ਮਾਊਸ ਨਾਲ ਹੀ ਨਹੀਂ, ਤੁਸੀਂ ਕੀਬੋਰਡ ਰਾਹੀਂ ਵੀ ਪਿਕਸਲ ਸੈਂਪਲ ਕਰ ਸਕਦੇ ਹੋ। ਹੇਠ ਲਿਖੀਆਂ ਕੁੰਜੀਆਂ ਅਤੇ ਸ਼ੌਰਟਕੱਟ ਉਪਲਬਧ ਹਨ:
- ਤੀਰ ਕੁੰਜੀਆਂ (Arrow keys): ਕਰਾਸਹੇਅਰ ਨੂੰ 1 ਪਿਕਸਲ ਉੱਤੇ/ਹੇਠ/ਖੱਬੇ/ਸੱਜੇ ਲੈ ਜਾਣ।
- Shift + ਤੀਰ: 10 ਪਿਕਸਲ ਦੀ ਛਾਲ।
- Enter ਜਾਂ Space: ਮੌਜੂਦਾ ਪਿਕਸਲ ਦਾ ਰੰਗ ਸੇਵ ਕਰਨ (picks ਵਿੱਚ)।
ਇਹ ਸਮਰੱਥਾ ਮਾਊਸ-ਫ੍ਰੀ ਡਿਜ਼ਾਈਨਰਾਂ ਲਈ ਤਾਂ ਲਾਭਦਾਇਕ ਹੈ ਹੀ, ਨਾਲ ਹੀ ਉਹਨਾਂ ਲਈ ਵੀ ਜਿਨ੍ਹਾਂ ਨੂੰ ਬਹੁਤ ਬاریਕ ਪਿਕਸਲ-ਬਾਈ-ਪਿਕਸਲ ਕੰਟ੍ਰੋਲ ਦੀ ਲੋੜ ਹੈ (ਜਿਵੇਂ icon design, pixel art analysis)। Shift+Arrow ਦੀ 10-ਪਿਕਸਲ ਜੰਪ ਵੱਡੇ ਖੇਤਰਾਂ ਵਿੱਚ ਤੇਜ਼ੀ ਨਾਲ ਘੁੰਮਣ ਵਿੱਚ ਮਦਦ ਕਰਦੀ ਹੈ।
ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ (FAQ)
1. ਕੀ ਮੈਂ JPEG ਫ਼ਾਈਲ ਤੋਂ ਵੀ ਰੰਗ ਕੱਢ ਸਕਦਾ/ਸਕਦੀ ਹਾਂ?
ਹਾਂ। JPEG 100% ਓਪੈਕ ਹੁੰਦਾ ਹੈ; ਪਰ ਕੰਪਰੈਸ਼ਨ ਕਾਰਨ ਰੰਗ ਥੋੜੇ ਬਦਲੇ ਹੋ ਸਕਦੇ ਹਨ। ਔਜ਼ਾਰ ਉਹੀ RGB ਮੁੱਲ ਦਿੰਦਾ ਹੈ ਜੋ JPEG ਵਿੱਚ ਸੰਗ੍ਰਹਿਤ ਹੈ।
2. HEX ਕੋਡ ਤਾਂ #RRGGBB ਹੀ ਦਿਖਾਉਂਦਾ ਹੈ, 8-ਅੰਕੀ (#RRGGBBAA) ਕਿਉਂ ਨਹੀਂ?
ਇਹ ਪੰਨਾ 6-ਅੰਕੀ HEX ‘ਤੇ ਕੇਂਦ੍ਰਿਤ ਹੈ। ਕਿਸੇ ਪਾਰਦਰਸ਼ਤਾ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਲਈ 8-ਅੰਕੀ HEX ਹੋਰ CSS4 ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ। ਜੇਕਰ ਤੁਹਾਨੂੰ ਅਲਫ਼ਾ ਸਮੇਤ ਕੋਡ ਚਾਹੀਦਾ ਹੈ, ਤਾਂ RGB functional notation (rgba()) ‘ਤੇ ਵਾਲੇ ਪੰਨੇ ਦੀ ਵਰਤੋਂ ਕਰੋ।
3. ਕੀ “Start over” ਬਟਨ ਮੇਰੀ ਸਾਰੀ ਹਿਸਟਰੀ ਮਿਟਾ ਦੇਵੇਗਾ?
ਹਾਂ। “Start over” ਚਿੱਤਰ, ਇਤਿਹਾਸ (history), ਅਤੇ ਸਕ੍ਰੀਨ ਉੱਤੇ ਦਿਖਾਏ ਗਏ ਮੁੱਲ ਸਭ ਕੁਝ ਰੀਸੈੱਟ ਕਰ ਦਿੰਦਾ ਹੈ, ਅਤੇ ਔਜ਼ਾਰ ਮੁਢਲੀ ਹਾਲਤ ਵਿੱਚ ਵਾਪਸ ਆ ਜਾਂਦਾ ਹੈ।
4. ਮੈਂ ਇੱਕ ਹੀ RGB ਮੁੱਲ ਵਾਲੇ ਦੋ ਪਿਕਸਲ ਸੇਵ ਕੀਤੇ, ਪਰ ਇੱਕ 50% ਅਲਫ਼ਾ ਵਾਲਾ ਸੀ। ਕੀ ਇਹ ਵੱਖ-ਵੱਖ ਐਂਟਰੀਆਂ ਹਨ?
ਹਾਂ। RGB ਮੁੱਲ ਇੱਕੋ ਹੋਣ ਦੇ ਬਾਵਜੂਦ, ਅਲਫ਼ਾ ਵੈਲਯੂ (0%–100%) ਵੱਖਰੀ ਹੋਣ ਕਾਰਨ ਹਰੇਕ ਨੂੰ ਇਤਿਹਾਸ ਵਿੱਚ ਵੱਖਰੇ ਰੂਪ ਵਿੱਚ ਸੁਰੱਖਿਅਤ ਕੀਤਾ ਜਾਂਦਾ ਹੈ। ਤੁਸੀਂ ਉਹਨਾਂ ਨੂੰ ਸਵੈਚ ‘ਤੇ ਕਲਿੱਕ ਕਰਕੇ ਬਾਅਦ ਵਿੱਚ ਦੁਬਾਰਾ ਵਰਤ ਸਕਦੇ ਹੋ।
5. ਕੀ PNG-24 ਅਤੇ PNG-8 ਲਈ ਕੋਈ ਫ਼ਰਕ ਹੈ?
PNG-8 (256 ਰੰਗ) ਵਿੱਚ ਵੀ RGB ਮੁੱਲ ਹੁੰਦੇ ਹਨ, ਅਤੇ ਔਜ਼ਾਰ ਉਹਨਾਂ ਨੂੰ ਸਹੀ ਢੰਗ ਨਾਲ ਪੜ੍ਹ ਲੈਂਦਾ ਹੈ। PNG-24 (ਸੱਚੇ ਰੰਗ) ਲਈ 16 ਮਿਲੀਅਨ ਰੰਗ ਸੰਭਵ ਹਨ, ਪਰ ਕੰਮ ਇੱਕੋ ਹੈ। PNG-8 ਦੇ ਪਾਲੀਟ ਰੰਗਾਂ ਵਿੱਚ anti-aliasing ਹੋ ਸਕਦੀ ਹੈ, ਇਸ ਲਈ ਮੈਗਨੀਫ਼ਾਈਡ ਵਿਊ ਜ਼ਰੂਰ ਵਰਤੋ।
6. ਮੈਂ ਇੱਕ ਰੰਗ ਨੂੰ CSS ਵਿੱਚ ਕਿਵੇਂ ਵਰਤਾਂ?
ਸਿਰਫ਼ HEX ਮੁੱਲ ‘ਤੇ ਕਲਿੱਕ ਕਰੋ — ਇਹ ਕਲਿੱਪਬੋਰਡ ‘ਤੇ #1E90FF ਵਰਗੇ format ਵਿੱਚ ਕਾਪੀ ਹੋ ਜਾਵੇਗਾ। ਫਿਰ CSS ਵਿੱਚ color: #1E90FF; ਵਾਂਗ ਪੇਸਟ ਕਰੋ। RGB ਜਾਂ HSL ਵੀ ਇਸੇ ਤਰ੍ਹਾਂ ਕਾਪੀ ਕੀਤੇ ਜਾ ਸਕਦੇ ਹਨ।