ਹਰ ਰੰਗ ਫਾਰਮੈਟ ਇੱਕੋ ਚੀਜ਼ ਨੂੰ ਵੱਖਰੀ ਭਾਸ਼ਾ ਵਿੱਚ ਦੱਸਦਾ ਹੈ: ਸਟਾਈਲਸ਼ੀਟਾਂ ਲਈ HEX, ਸਕ੍ਰੀਨਾਂ ਅਤੇ ਕੋਡ ਲਈ RGB, ਪੈਲੇਟ ਬਣਾਉਣ ਲਈ HSL ਅਤੇ ਛਪਾਈ ਲਈ CMYK। ਜਿਹੜਾ ਰੂਪਾਂਤਰਨ ਤੁਹਾਨੂੰ ਚਾਹੀਦਾ ਹੈ ਉਹ ਚੁਣੋ ਅਤੇ ਸਹੀ ਮੁੱਲ, ਲਾਈਵ ਪੂਰਵਦਰਸ਼ਨ ਅਤੇ ਉਸ ਦੇ ਪਿੱਛੇ ਦਾ ਫਾਰਮੂਲਾ ਲਓ।
ਚਾਰ ਰੰਗ ਫਾਰਮੈਟ
HEX ਕੀ ਹੈ?
HEX ਕੋਡ ਇੱਕ ਛੇ-ਅੰਕੀ ਹੇਕਸਾਡੈਸੀਮਲ ਨੰਬਰ ਹੁੰਦਾ ਹੈ ਜੋ # ਦੇ ਨਾਲ ਇੱਕ ਰੰਗ ਦਾ ਲਾਲ, ਹਰਾ ਅਤੇ ਨੀਲਾ ਚੈਨਲ ਸਟੋਰ ਕਰਦਾ ਹੈ। ਹਰ ਜੋੜਾ ਅੰਕ ਇੱਕ ਚੈਨਲ ਦਰਸਾਉਂਦਾ ਹੈ, 00 (ਕੋਈ ਨਹੀਂ) ਤੋਂ FF (ਪੂਰਾ) ਤੱਕ, ਜੋ ਇੱਕ ਛੋਟੀ ਨੋਟੇਸ਼ਨ ਵਿੱਚ RGB ਵਾਂਗ 16.7 ਮਿਲੀਅਨ ਰੰਗ ਦਿੰਦਾ ਹੈ। HEX CSS, ਡਿਜ਼ਾਈਨ ਟੂਲਾਂ ਅਤੇ ਬ੍ਰਾਂਡ ਗਾਈਡਲਾਈਨਾਂ ਵਿੱਚ ਡਿਫ਼ਾਲਟ ਹੁੰਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- #RRGGBB
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- CSS, design handoff, brand guidelines
RGB ਕੀ ਹੈ?
RGB ਇੱਕ ਰੰਗ ਨੂੰ ਤਿੰਨ ਰੋਸ਼ਨੀ ਚੈਨਲਾਂ ਵਜੋਂ ਦਰਸਾਉਂਦਾ ਹੈ: red, green ਅਤੇ blue, ਹਰ ਇੱਕ 0 ਤੋਂ 255 ਤੱਕ। ਇਹ ਸਕ੍ਰੀਨਾਂ ਦੇ ਕੰਮ ਕਰਨ ਦੇ ਢੰਗ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ: ਤਿੰਨੇ 255 'ਤੇ ਸਫ਼ੈਦ ਦਿੰਦੇ ਹਨ, ਤਿੰਨੇ 0 'ਤੇ ਕਾਲਾ। ਜਦੋਂ ਤੁਹਾਨੂੰ ਰੰਗ ਨਾਲ ਹਿਸਾਬ ਕਰਨਾ ਹੋਵੇ ਤਾਂ RGB ਸਹੀ ਚੋਣ ਹੈ, ਅਤੇ rgba() ਇਸ 'ਤੇ transparency ਜੋੜਦਾ ਹੈ।
- ਸਿੰਟੈਕਸ:
- rgb(R, G, B)
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- code, canvas, transparency with rgba()
HSL ਕੀ ਹੈ?
HSL ਰੰਗ ਨੂੰ hue (color wheel 'ਤੇ 0–360°), saturation (ਕਿੰਨਾ ਰੰਗੀਨ, 0–100%) ਅਤੇ lightness (ਕਿੰਨੀ ਰੋਸ਼ਨੀ, 0–100%) ਵਿੱਚ ਵੰਡਦਾ ਹੈ। ਕਿਉਂਕਿ ਹਰ ਹਿੱਸਾ ਲੋਕਾਂ ਦੇ ਰੰਗ ਵੇਰਵੇ ਨਾਲ ਮਿਲਦਾ ਹੈ, HSL ਟਿੰਟਸ, ਸ਼ੇਡਸ ਅਤੇ ਲਗਾਤਾਰ palettes ਬਣਾਉਣ ਲਈ ਸਭ ਤੋਂ ਆਸਾਨ ਫਾਰਮੈਟ ਹੈ — ਹੱਥ ਨਾਲ ਜਾਂ ਕੋਡ ਵਿੱਚ।
- ਸਿੰਟੈਕਸ:
- hsl(H, S%, L%)
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- palettes, tints and shades, theming
CMYK ਕੀ ਹੈ?
CMYK ਛਪਾਈ ਵਿੱਚ ਵਰਤਿਆ ਜਾਣ ਵਾਲਾ ਚਾਰ-ਸਿਆਹੀ ਮਾਡਲ ਹੈ: cyan, magenta, yellow ਅਤੇ key (black), ਹਰ ਇੱਕ 0 ਤੋਂ 100 % ਤੱਕ। ਸਿਆਹੀ ਰੋਸ਼ਨੀ ਨੂੰ ਘਟਾਉਂਦੀ ਹੈ ਨਾ ਕਿ ਛੱਡਦੀ ਹੈ, ਇਸ ਲਈ CMYK ਸਕ੍ਰੀਨ ਨਾਲੋਂ ਘੱਟ ਰੰਗ ਕਵਰ ਕਰਦਾ ਹੈ। ਇਸੇ ਕਾਰਨ ਚਮਕਦਾਰ ਸਕ੍ਰੀਨ ਰੰਗ ਛਪਣ 'ਤੇ ਅਕਸਰ ਫਿੱਕੇ ਲੱਗਦੇ ਹਨ।
- ਸਿੰਟੈਕਸ:
- cmyk(C%, M%, Y%, K%)
- ਸਭ ਤੋਂ ਵਧੀਆ ਲਈ:
- print, packaging, press-ready artwork