🛠️

Whiz Tools

Build • Create • Innovate

ਸਧਾਰਣ ਰੰਗ ਚੁਣਨ ਵਾਲਾ: RGB, Hex, CMYK ਰੰਗ ਮੁੱਲ ਚੁਣੋ ਅਤੇ ਨਕਲ ਕਰੋ

ਇੱਕ ਉਪਯੋਗਕਰਤਾ-ਮਿੱਤਰ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਜਿਸ ਵਿੱਚ ਇੰਟਰੈਕਟਿਵ ਸਪੈਕਟ੍ਰਮ ਡਿਸਪਲੇਅ ਅਤੇ ਚਮਕ ਸਲਾਈਡਰ ਹੈ। ਵਿਜੁਅਲ ਤੌਰ 'ਤੇ ਰੰਗ ਚੁਣੋ ਜਾਂ RGB, Hex, ਜਾਂ CMYK ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਸਹੀ ਮੁੱਲ ਦਰਜ ਕਰੋ। ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਇੱਕ ਕਲਿੱਕ ਨਾਲ ਰੰਗ ਕੋਡ ਨਕਲ ਕਰੋ।

ਰੰਗ ਚੁਣਨ ਵਾਲਾ

RGB (0-255)

CMYK (0-100)

ਰੰਗ ਚੁਣਨ ਵਾਲਾ

0%
100%
📚

ਦਸਤਾਵੇਜ਼

ਸਧਾਰਨ ਅਤੇ ਉਪਯੋਗ ਵਿੱਚ ਆਸਾਨ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ

ਪਰਿਚਯ

ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਇੱਕ ਸਹਿਜ, ਆਸਾਨ-ਉਪਯੋਗ ਐਪਲੀਕੇਸ਼ਨ ਹੈ ਜੋ ਉਪਭੋਗਤਾਵਾਂ ਨੂੰ ਕਈ ਰੰਗ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਰੰਗ ਚੁਣਨ, ਦਰਸ਼ਾਉਣ ਅਤੇ ਬਦਲਣ ਵਿੱਚ ਮਦਦ ਕਰਨ ਲਈ ਬਣਾਇਆ ਗਿਆ ਹੈ। ਚਾਹੇ ਤੁਸੀਂ ਇੱਕ ਵੈਬ ਡਿਜ਼ਾਈਨਰ ਹੋ ਜੋ ਰੰਗਾਂ ਦੇ ਸਕੀਮ ਬਣਾਉਣ ਲਈ ਕੰਮ ਕਰ ਰਿਹਾ ਹੈ, ਇੱਕ ਡਿਜੀਟਲ ਕਲਾ ਕਰਨ ਵਾਲਾ ਜੋ ਸਹੀ ਛਾਂਵ ਦੀ ਖੋਜ ਕਰ ਰਿਹਾ ਹੈ, ਜਾਂ ਇੱਕ ਵਿਕਾਸਕ ਜੋ ਇੱਕ ਉਪਭੋਗਤਾ ਇੰਟਰਫੇਸ ਨੂੰ ਲਾਗੂ ਕਰ ਰਿਹਾ ਹੈ, ਇਹ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਤੁਹਾਨੂੰ RGB, ਹੈਕਸਾਡੀਮਲ, CMYK, ਅਤੇ HSV ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਰੰਗਾਂ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਇੱਕ ਸਧਾਰਨ ਤਰੀਕਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਇਸਦੇ ਇੰਟਰੈਕਟਿਵ ਰੰਗ ਸਪੈਕਟ੍ਰਮ, ਚਮਕ ਸਲਾਈਡਰ, ਅਤੇ ਸਹੀ ਇਨਪੁਟ ਵਿਕਲਪਾਂ ਨਾਲ, ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ ਜਲਦੀ ਲੱਭ, ਸਹੀ ਅਤੇ ਕਾਪੀ ਕਰ ਸਕਦੇ ਹੋ।

ਰੰਗ ਮਾਡਲਾਂ ਨੂੰ ਸਮਝਣਾ

ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲ ਨੂੰ ਵਰਤਣ ਤੋਂ ਪਹਿਲਾਂ, ਇਹ ਸਮਝਣਾ ਮਦਦਗਾਰ ਹੈ ਕਿ ਇਹ ਕਿਹੜੇ ਵੱਖਰੇ ਰੰਗ ਮਾਡਲਾਂ ਨੂੰ ਸਮਰਥਨ ਕਰਦਾ ਹੈ:

RGB (ਲਾਲ, ਹਰਾ, ਨੀਲਾ)

RGB ਇੱਕ ਜੋੜਨ ਵਾਲਾ ਰੰਗ ਮਾਡਲ ਹੈ ਜਿਸ ਵਿੱਚ ਲਾਲ, ਹਰਾ, ਅਤੇ ਨੀਲਾ ਪ੍ਰਕਾਸ਼ ਵੱਖ-ਵੱਖ ਤਰੀਕਿਆਂ ਵਿੱਚ ਮਿਲਾਇਆ ਜਾਂਦਾ ਹੈ ਤਾਂ ਜੋ ਰੰਗਾਂ ਦੀ ਇੱਕ ਵਿਆਪਕ ਸ਼੍ਰੇਣੀ ਨੂੰ ਦੁਹਰਾਇਆ ਜਾ ਸਕੇ। ਡਿਜੀਟਲ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ:

  • ਹਰ ਇਕ ਭਾਗ (R, G, B) 0 ਤੋਂ 255 ਦੇ ਵਿਚਕਾਰ ਹੁੰਦਾ ਹੈ
  • RGB(255, 0, 0) ਸ਼ੁੱਧ ਲਾਲ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • RGB(0, 255, 0) ਸ਼ੁੱਧ ਹਰੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • RGB(0, 0, 255) ਸ਼ੁੱਧ ਨੀਲੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • RGB(255, 255, 255) ਸਫੈਦ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • RGB(0, 0, 0) ਕਾਲੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ

RGB ਮਾਡਲ ਸਿੱਧੇ ਤੌਰ 'ਤੇ ਇਹ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਰੰਗ ਸਕ੍ਰੀਨ 'ਤੇ ਕਿਵੇਂ ਦਰਸਾਏ ਜਾਂਦੇ ਹਨ, ਇਸ ਲਈ ਇਹ ਡਿਜੀਟਲ ਡਿਜ਼ਾਈਨ ਲਈ ਮੁੱਖ ਚੋਣ ਹੈ।

ਹੈਕਸਾਡੀਮਲ (ਹੈਕਸ)

ਹੈਕਸਾਡੀਮਲ ਰੰਗ ਕੋਡ RGB ਰੰਗਾਂ ਨੂੰ ਇੱਕ ਬੇਸ-16 ਗਿਣਤੀ ਪ੍ਰਣਾਲੀ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਦਰਸਾਉਣ ਦਾ ਇੱਕ ਤਰੀਕਾ ਹੈ:

  • ਇੱਕ ਹੈਕਸ ਰੰਗ ਇੱਕ ਪਾਊਂਡ ਨਿਸ਼ਾਨ (#) ਨਾਲ ਸ਼ੁਰੂ ਹੁੰਦਾ ਹੈ ਜੋ ਛੇ ਅੱਖਰਾਂ ਦੇ ਨਾਲ ਹੁੰਦਾ ਹੈ
  • ਪਹਿਲਾ ਜੋੜ ਲਾਲ, ਦੂਜਾ ਹਰਾ, ਅਤੇ ਤੀਜਾ ਨੀਲਾ ਦਰਸਾਉਂਦਾ ਹੈ
  • ਹਰ ਜੋੜ 00 ਤੋਂ FF (ਦਸ਼ਮਲਵ ਵਿੱਚ 0-255) ਦੇ ਵਿਚਕਾਰ ਹੁੰਦਾ ਹੈ
  • #FF0000 ਸ਼ੁੱਧ ਲਾਲ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • #00FF00 ਸ਼ੁੱਧ ਹਰੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • #0000FF ਸ਼ੁੱਧ ਨੀਲੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • ਕੁਝ ਰੰਗਾਂ ਲਈ ਛੋਟਾ ਨੋਟੇਸ਼ਨ ਉਪਲਬਧ ਹੈ (ਜਿਵੇਂ #F00 ਲਾਲ ਲਈ)

ਹੈਕਸ ਕੋਡ ਵੈਬ ਵਿਕਾਸ (CSS, HTML) ਅਤੇ ਡਿਜੀਟਲ ਡਿਜ਼ਾਈਨ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਬਹੁਤ ਵਰਤੇ ਜਾਂਦੇ ਹਨ।

CMYK (ਸਿਆਹ, ਮੈਜੈਂਟਾ, ਪੀਲਾ, ਕੀ/ਕਾਲਾ)

CMYK ਇੱਕ ਘਟਾਉਣ ਵਾਲਾ ਰੰਗ ਮਾਡਲ ਹੈ ਜੋ ਮੁੱਖ ਤੌਰ 'ਤੇ ਰੰਗ ਛਾਪਣ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ:

  • ਹਰ ਇਕ ਭਾਗ 0% ਤੋਂ 100% ਦੇ ਵਿਚਕਾਰ ਹੁੰਦਾ ਹੈ
  • CMYK(0, 100, 100, 0) ਸ਼ੁੱਧ ਲਾਲ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • CMYK(100, 0, 100, 0) ਸ਼ੁੱਧ ਹਰੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • CMYK(100, 100, 0, 0) ਸ਼ੁੱਧ ਨੀਲੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • CMYK(0, 0, 0, 100) ਕਾਲੇ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ
  • CMYK(0, 0, 0, 0) ਸਫੈਦ (ਕਾਗਜ਼ ਦਾ ਰੰਗ) ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ

ਜਦੋਂ ਕਿ ਇਹ ਮੁੱਖ ਤੌਰ 'ਤੇ ਛਾਪਣ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ, CMYK ਮੁੱਲਾਂ ਨੂੰ ਸਮਝਣਾ ਉਸ ਸਮੇਂ ਮਦਦਗਾਰ ਹੋ ਸਕਦਾ ਹੈ ਜਦੋਂ ਸਮੱਗਰੀ ਦਾ ਡਿਜ਼ਾਈਨ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੋ ਜੋ ਆਖਿਰਕਾਰ ਛਾਪਿਆ ਜਾਵੇਗਾ।

HSV (ਹੂ, ਸੰਤੁਸ਼ਟੀ, ਮੁੱਲ)

HSV ਰੰਗਾਂ ਨੂੰ ਹੇਠ ਲਿਖੇ ਤਰੀਕਿਆਂ ਨਾਲ ਦਰਸਾਉਂਦਾ ਹੈ:

  • ਹੂ: ਰੰਗ ਦੀ ਕਿਸਮ (ਲਾਲ, ਪੀਲਾ, ਹਰਾ, ਆਦਿ), ਡਿਗਰੀ ਵਿੱਚ ਮਾਪੀ ਜਾਂਦੀ ਹੈ (0-360°)
  • ਸੰਤੁਸ਼ਟੀ: ਰੰਗ ਦੀ ਤੀਬਰਤਾ ਜਾਂ ਸ਼ੁੱਧਤਾ (0-100%)
  • ਮੁੱਲ: ਰੰਗ ਦੀ ਚਮਕ (0-100%)

HSV ਖਾਸ ਤੌਰ 'ਤੇ ਰੰਗ ਚੋਣ ਲਈ ਉਪਯੋਗੀ ਹੈ ਕਿਉਂਕਿ ਇਹ ਰੰਗ ਚੋਣ (ਹੂ) ਨੂੰ ਇਸ ਦੀ ਤੀਬਰਤਾ (ਸੰਤੁਸ਼ਟੀ) ਅਤੇ ਚਮਕ (ਮੁੱਲ) ਤੋਂ ਵੱਖਰਾ ਕਰਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਰੰਗਾਂ ਨੂੰ ਸਹੀ ਕਰਨਾ ਜ਼ਿਆਦਾ ਸਹਿਜ ਹੁੰਦਾ ਹੈ।

ਰੰਗ ਬਦਲਣ ਦੇ ਫਾਰਮੂਲੇ

ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਆਪਣੇ ਆਪ ਹੀ ਵੱਖਰੇ ਰੰਗ ਮਾਡਲਾਂ ਵਿੱਚ ਬਦਲਣ ਲਈ ਇਹ ਗਣਿਤੀ ਫਾਰਮੂਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ:

RGB ਤੋਂ ਹੈਕਸ ਬਦਲਣਾ

RGB ਤੋਂ ਹੈਕਸਾਡੀਮਲ ਵਿੱਚ ਬਦਲਣ ਲਈ:

  1. ਹਰ RGB ਭਾਗ (0-255) ਨੂੰ ਇੱਕ ਦੋ-ਅੱਖਰੀ ਹੈਕਸਾਦੀਮਲ ਨੰਬਰ ਵਿੱਚ ਬਦਲੋ
  2. ਤਿੰਨ ਹੈਕਸਾਦੀਮਲ ਮੁੱਲਾਂ ਨੂੰ # ਪ੍ਰੀਫਿਕਸ ਨਾਲ ਜੋੜੋ

Hex=#+toHex(R)+toHex(G)+toHex(B)\text{Hex} = \text{\#} + \text{toHex}(R) + \text{toHex}(G) + \text{toHex}(B)

ਜਿੱਥੇ toHex() ਇੱਕ ਦਸ਼ਮਲਵ ਨੰਬਰ ਨੂੰ ਇਸਦੇ ਹੈਕਸਾਦੀਮਲ ਪ੍ਰਤੀਨਿਧੀ ਵਿੱਚ ਬਦਲਦਾ ਹੈ।

RGB ਤੋਂ CMYK ਬਦਲਣਾ

RGB ਤੋਂ CMYK ਵਿੱਚ ਬਦਲਣ ਲਈ ਇਹ ਕਦਮ ਹਨ:

  1. RGB ਮੁੱਲਾਂ ਨੂੰ 0-1 ਦੇ ਰੇਂਜ ਵਿੱਚ ਨਾਰਮਲਾਈਜ਼ ਕਰੋ
  2. ਕਾਲਾ ਕੁੰਜੀ (K) ਭਾਗ ਦੀ ਗਣਨਾ ਕਰੋ
  3. K ਦੇ ਆਧਾਰ 'ਤੇ C, M, ਅਤੇ Y ਦੀ ਗਣਨਾ ਕਰੋ

R=R/255,G=G/255,B=B/255R' = R/255, G' = G/255, B' = B/255 K=1max(R,G,B)K = 1 - \max(R', G', B') C=(1RK)(1K)×100%C = \frac{(1-R'-K)}{(1-K)} \times 100\% M=(1GK)(1K)×100%M = \frac{(1-G'-K)}{(1-K)} \times 100\% Y=(1BK)(1K)×100%Y = \frac{(1-B'-K)}{(1-K)} \times 100\%

RGB ਤੋਂ HSV ਬਦਲਣਾ

RGB ਤੋਂ HSV ਵਿੱਚ ਬਦਲਣਾ:

R=R/255,G=G/255,B=B/255R' = R/255, G' = G/255, B' = B/255 Cmax=max(R,G,B)C_{max} = \max(R', G', B') Cmin=min(R,G,B)C_{min} = \min(R', G', B') Δ=CmaxCmin\Delta = C_{max} - C_{min}

ਹੂ (H) ਲਈ:

0° & \text{if } \Delta = 0 \\ 60° \times (\frac{G' - B'}{\Delta} \mod 6) & \text{if } C_{max} = R' \\ 60° \times (\frac{B' - R'}{\Delta} + 2) & \text{if } C_{max} = G' \\ 60° \times (\frac{R' - G'}{\Delta} + 4) & \text{if } C_{max} = B' \end{cases}$$ ਸੰਤੁਸ਼ਟੀ (S) ਲਈ: $$S = \begin{cases} 0 & \text{if } C_{max} = 0 \\ \frac{\Delta}{C_{max}} \times 100\% & \text{otherwise} \end{cases}$$ ਮੁੱਲ (V) ਲਈ: $$V = C_{max} \times 100\%$$ ## ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਨਾ ਸਾਡਾ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਰੰਗਾਂ ਨੂੰ ਚੁਣਨ ਅਤੇ ਸਹੀ ਕਰਨ ਦੇ ਕਈ ਤਰੀਕੇ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਇੱਥੇ ਹਰ ਫੀਚਰ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ ਇੱਕ ਕਦਮ-ਦਰ-ਕਦਮ ਗਾਈਡ ਹੈ: ### ਰੰਗ ਸਪੈਕਟ੍ਰਮ ਦੀ ਵਰਤੋਂ ਕਰਨਾ 1. **ਬੇਸ ਰੰਗ ਚੁਣੋ**: ਰੰਗ ਸਪੈਕਟ੍ਰਮ 'ਤੇ ਕਿਸੇ ਵੀ ਥਾਂ 'ਤੇ ਕਲਿੱਕ ਜਾਂ ਟੈਪ ਕਰੋ ਤਾਂ ਜੋ ਇੱਕ ਬੇਸ ਰੰਗ ਚੁਣਿਆ ਜਾ ਸਕੇ। ਆੜੀ ਸਥਿਤੀ ਹੂ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਦੀ ਹੈ, ਜਦਕਿ ਖੜੀ ਸਥਿਤੀ ਸੰਤੁਸ਼ਟੀ ਨੂੰ ਪ੍ਰਭਾਵਿਤ ਕਰਦੀ ਹੈ। 2. **ਚੋਣ ਨੂੰ ਸੁਧਾਰੋ**: ਤੁਸੀਂ ਚੁਣਨ ਵਾਲੇ ਗੇਂਦ ਨੂੰ ਆਸਾਨੀ ਨਾਲ ਖਿਸਕਾ ਸਕਦੇ ਹੋ ਤਾਂ ਜੋ ਸਹੀ ਰੰਗ ਦੀ ਛਾਂਵ ਲੱਭ ਸਕੋ। 3. **ਰੰਗ ਪੂਰਕ ਵੇਖੋ**: ਜਿਵੇਂ ਹੀ ਤੁਸੀਂ ਚੁਣਨ ਵਾਲੇ ਗੇਂਦ ਨੂੰ ਖਿਸਕਾਉਂਦੇ ਹੋ, ਰੰਗ ਪੂਰਕ ਖੇਤਰ ਤੁਰੰਤ ਅਪਡੇਟ ਹੁੰਦਾ ਹੈ, ਜੋ ਤੁਹਾਡੇ ਮੌਜੂਦਾ ਚੋਣ ਨੂੰ ਦਿਖਾਉਂਦਾ ਹੈ। ### ਚਮਕ ਨੂੰ ਸਹੀ ਕਰਨਾ 1. **ਚਮਕ ਸਲਾਈਡਰ ਦੀ ਵਰਤੋਂ ਕਰੋ**: ਰੰਗ ਸਪੈਕਟ੍ਰਮ ਦੇ ਹੇਠਾਂ, ਤੁਹਾਨੂੰ ਇੱਕ ਆੜੀ ਸਲਾਈਡਰ ਮਿਲੇਗਾ ਜੋ ਤੁਹਾਡੇ ਚੁਣੇ ਹੋਏ ਰੰਗ ਦੀ ਚਮਕ (ਮੁੱਲ) ਨੂੰ ਨਿਯੰਤਰਿਤ ਕਰਦਾ ਹੈ। 2. **ਖੱਬੇ ਜਾਂ ਸੱਜੇ ਖਿਸਕਾਓ**: ਸਲਾਈਡਰ ਨੂੰ ਖੱਬੇ ਵੱਲ ਖਿਸਕਾਉਣ ਨਾਲ ਰੰਗ ਨੂੰ ਹਨੇਰਾ ਕੀਤਾ ਜਾਂਦਾ ਹੈ ਜਾਂ ਸੱਜੇ ਵੱਲ ਖਿਸਕਾਉਣ ਨਾਲ ਚਮਕਾਈ ਜਾਂਦੀ ਹੈ। 3. **ਬਦਲਾਵਾਂ ਨੂੰ ਦੇਖੋ**: ਜਿਵੇਂ ਹੀ ਤੁਸੀਂ ਚਮਕ ਨੂੰ ਸੁਧਾਰਦੇ ਹੋ, ਰੰਗ ਪੂਰਕ ਅਤੇ ਸਾਰੇ ਰੰਗ ਮੁੱਲ ਤੁਰੰਤ ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ। ### ਸਹੀ ਰੰਗ ਮੁੱਲ ਦਰਜ ਕਰਨਾ ਸਹੀ ਰੰਗ ਚੋਣ ਲਈ, ਤੁਸੀਂ ਸਹੀ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਮੁੱਲਾਂ ਨੂੰ ਸਿੱਧੇ ਦਰਜ ਕਰ ਸਕਦੇ ਹੋ: #### ਹੈਕਸ ਇਨਪੁਟ 1. ਹੈਕਸ ਖੇਤਰ ਵਿੱਚ ਇੱਕ ਵੈਧ ਹੈਕਸਾਡੀਮਲ ਰੰਗ ਕੋਡ ਦਰਜ ਕਰੋ (ਜਿਵੇਂ #FF5733) 2. ਇਨਪੁਟ ਤੁਹਾਡੇ ਦਾਖਲ ਨੂੰ ਆਪਣੇ ਆਪ ਹੀ ਚੈੱਕ ਕਰਦਾ ਹੈ 3. ਰੰਗ ਲਾਗੂ ਕਰਨ ਲਈ ਐਂਟਰ ਦਬਾਓ ਜਾਂ ਖੇਤਰ ਦੇ ਬਾਹਰ ਕਲਿੱਕ ਕਰੋ #### RGB ਇਨਪੁਟ 1. ਹਰ RGB ਭਾਗ ਲਈ 0-255 ਦੇ ਵਿਚਕਾਰ ਮੁੱਲ ਦਰਜ ਕਰੋ 2. ਹੋਰ ਰੰਗ ਫਾਰਮੈਟ ਖੇਤਰ ਆਪਣੇ ਆਪ ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ 3. ਗਲਤ ਮੁੱਲ (0-255 ਦੇ ਬਾਹਰ) ਨੂੰ ਸਹੀ ਰੇਂਜ ਵਿੱਚ ਲਿਆ ਜਾਵੇਗਾ #### CMYK ਇਨਪੁਟ 1. ਸਿਆਹ, ਮੈਜੈਂਟਾ, ਪੀਲਾ, ਅਤੇ ਕਾਲੇ ਲਈ ਪ੍ਰਤੀਸ਼ਤ ਮੁੱਲ (0-100) ਦਰਜ ਕਰੋ 2. ਹੋਰ ਰੰਗ ਫਾਰਮੈਟ ਤੁਹਾਡੇ CMYK ਇਨਪੁਟ ਦੇ ਆਧਾਰ 'ਤੇ ਅਪਡੇਟ ਹੁੰਦੇ ਹਨ 3. 0-100 ਦੇ ਰੇਂਜ ਦੇ ਬਾਹਰ ਦੇ ਮੁੱਲ ਆਪਣੇ ਆਪ ਹੀ ਸੁਧਾਰੇ ਜਾਣਗੇ ### ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ ਕਾਪੀ ਕਰਨਾ 1. **ਕਾਪੀ ਬਟਨ 'ਤੇ ਕਲਿੱਕ ਕਰੋ**: ਹਰ ਰੰਗ ਫਾਰਮੈਟ ਦੇ ਬਗਲ ਵਿੱਚ, ਤੁਹਾਨੂੰ ਇੱਕ ਕਾਪੀ ਬਟਨ (ਕਲਿੱਪਬੋਰਡ ਆਈਕਨ) ਮਿਲੇਗਾ 2. **ਤੁਰੰਤ ਫੀਡਬੈਕ**: ਕਲਿੱਕ ਕਰਨ ਤੋਂ ਬਾਅਦ, ਇੱਕ "ਕਾਪੀ ਕੀਤਾ!" ਸੁਨੇਹਾ ਥੋੜੀ ਦੇਰ ਲਈ ਪ੍ਰਗਟ ਹੁੰਦਾ ਹੈ 3. **ਕਿਤੇ ਵੀ ਪੇਸਟ ਕਰੋ**: ਕਾਪੀ ਕੀਤਾ ਗਿਆ ਮੁੱਲ ਹੁਣ ਤੁਹਾਡੇ ਡਿਜ਼ਾਈਨ ਸਾਫਟਵੇਅਰ, ਕੋਡ ਐਡਿਟਰ, ਜਾਂ ਕਿਸੇ ਹੋਰ ਐਪਲੀਕੇਸ਼ਨ ਵਿੱਚ ਪੇਸਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ## ਵਰਤੋਂ ਦੇ ਕੇਸ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਵੱਖ-ਵੱਖ ਖੇਤਰਾਂ ਵਿੱਚ ਕਈ ਉਦੇਸ਼ਾਂ ਦੀ ਸੇਵਾ ਕਰਦਾ ਹੈ: ### ਵੈਬ ਵਿਕਾਸ ਵੈਬ ਵਿਕਾਸਕ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹਨ: - ਵੈਬਸਾਈਟ ਥੀਮਾਂ ਅਤੇ UI ਭਾਗਾਂ ਲਈ ਰੰਗ ਚੁਣੋ - WCAG ਮਿਆਰਾਂ ਨੂੰ ਪੂਰਾ ਕਰਨ ਵਾਲੇ ਪਹੁੰਚਯੋਗ ਰੰਗਾਂ ਦੇ ਜੋੜੇ ਲੱਭੋ - ਹੈਕਸ ਕੋਡਾਂ (CSS ਵਿੱਚ ਵਰਤੇ ਜਾਂਦੇ) ਅਤੇ RGB ਮੁੱਲਾਂ ਦੇ ਵਿਚਕਾਰ ਬਦਲੋ - ਵੈਬਸਾਈਟਾਂ ਵਿੱਚ ਸਥਿਰ ਬ੍ਰਾਂਡਿੰਗ ਲਈ ਰੰਗ ਪੈਲੇਟ ਬਣਾਓ ਉਦਾਹਰਨ ਵਰਕਫਲੋ: 1. ਵੈਬਸਾਈਟ ਥੀਮ ਲਈ ਇੱਕ ਬੇਸ ਰੰਗ ਲੱਭਣ ਲਈ ਰੰਗ ਸਪੈਕਟ੍ਰਮ ਦੀ ਵਰਤੋਂ ਕਰੋ 2. ਹਵਰ ਸਟੇਟ ਅਤੇ ਬੈਕਗ੍ਰਾਊਂਡ ਲਈ ਵੱਖ-ਵੱਖ ਬਣਾਉਣ ਲਈ ਚਮਕ ਨੂੰ ਸੁਧਾਰੋ 3. CSS ਸ਼ੈਲੀ ਸ਼ੀਟਾਂ ਵਿੱਚ ਸਿੱਧਾ ਹੈਕਸ ਕੋਡ ਕਾਪੀ ਕਰੋ 4. ਜਦੋਂ ਪਾਰਦਰਸ਼ਤਾ ਦੀ ਲੋੜ ਹੋਵੇ ਤਾਂ rgba() ਫੰਕਸ਼ਨਾਂ ਵਿੱਚ RGB ਮੁੱਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ ### ਗ੍ਰਾਫਿਕ ਡਿਜ਼ਾਈਨ ਗ੍ਰਾਫਿਕ ਡਿਜ਼ਾਈਨਰਾਂ ਨੂੰ ਲਾਭ ਮਿਲਦਾ ਹੈ: - ਡਿਜੀਟਲ ਕਲਾ ਲਈ ਸਹੀ ਰੰਗ ਚੋਣ - RGB (ਡਿਜੀਟਲ) ਅਤੇ CMYK (ਛਾਪਣ) ਦੇ ਵਿਚਕਾਰ ਬਦਲਣਾ - ਸੁਹਾਵਣਾ ਰੰਗ ਸਕੀਮ ਬਣਾਉਣਾ - ਵਿਸ਼ੇਸ਼ ਬ੍ਰਾਂਡ ਰੰਗਾਂ ਨੂੰ ਮਿਲਾਉਣਾ ਉਦਾਹਰਨ ਵਰਕਫਲੋ: 1. ਹੈਕਸ ਫਾਰਮੈਟ ਵਿੱਚ ਇੱਕ ਵਿਸ਼ੇਸ਼ ਬ੍ਰਾਂਡ ਰੰਗ ਦਰਜ ਕਰੋ 2. ਪੂਰਕ ਰੰਗ ਲੱਭਣ ਲਈ ਰੰਗ ਸਪੈਕਟ੍ਰਮ ਦੀ ਵਰਤੋਂ ਕਰੋ 3. ਛਾਪਣ ਦੀ ਯੋਗਤਾ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ CMYK ਮੁੱਲਾਂ ਦੀ ਜਾਂਚ ਕਰੋ 4. ਡਿਜ਼ਾਈਨ ਸਾਫਟਵੇਅਰ ਜਿਵੇਂ ਕਿ ਐਡੋਬੀ ਇਲਸਟ੍ਰੇਟਰ ਜਾਂ ਫੋਟੋਸ਼ਾਪ ਵਿੱਚ ਮੁੱਲਾਂ ਨੂੰ ਕਾਪੀ ਕਰੋ ### UI/UX ਡਿਜ਼ਾਈਨ UI/UX ਡਿਜ਼ਾਈਨਰ: - ਵਰਤੋਂਯੋਗਤਾ ਅਤੇ ਪੜ੍ਹਨਯੋਗਤਾ ਨੂੰ ਵਧਾਉਣ ਵਾਲੇ ਰੰਗ ਚੁਣ ਸਕਦੇ ਹਨ - ਐਪਲੀਕੇਸ਼ਨਾਂ ਲਈ ਸਥਿਰ ਰੰਗ ਪ੍ਰਣਾਲੀਆਂ ਬਣਾਉਣਾ - ਤੁਰੰਤ ਵੱਖ-ਵੱਖ ਰੰਗਾਂ ਦੇ ਜੋੜੇ ਦੀ ਜਾਂਚ ਕਰੋ - ਪਾਠ ਅਤੇ ਪਿਛੋਕੜ ਰੰਗਾਂ ਦੇ ਵਿਚਕਾਰ ਕਾਫੀ ਵਿਰੋਧ ਯਕੀਨੀ ਬਣਾਓ ਉਦਾਹਰਨ ਵਰਕਫਲੋ: 1. ਰੰਗ ਸਪੈਕਟ੍ਰਮ ਦੀ ਵਰਤੋਂ ਕਰਕੇ ਇੱਕ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਚੁਣੋ 2. ਦੂਜੇ ਅਤੇ ਤੀਜੇ ਰੰਗ ਬਣਾਉਣ ਲਈ ਚਮਕ ਨੂੰ ਸੁਧਾਰੋ 3. ਪੂਰਕ ਖੇਤਰ ਵਿੱਚ ਵੱਖ-ਵੱਖ ਜੋੜਿਆਂ ਦੀ ਜਾਂਚ ਕਰੋ 4. ਮੁੱਲਾਂ ਨੂੰ ਡਿਜ਼ਾਈਨ ਸਿਸਟਮ ਜਾਂ ਪ੍ਰੋਟੋਟਾਈਪਿੰਗ ਟੂਲ ਵਿੱਚ ਕਾਪੀ ਕਰੋ ### ਡਿਜੀਟਲ ਕਲਾ ਡਿਜੀਟਲ ਕਲਾਕਾਰ ਰੰਗ ਚੁਣਨ ਵਾਲਿਆਂ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ: - ਡਿਜੀਟਲ ਪੇਂਟਿੰਗ ਲਈ ਸਹੀ ਛਾਂਵ ਲੱਭਣਾ - ਕਸਟਮ ਰੰਗ ਪੈਲੇਟ ਬਣਾਉਣਾ - ਸੰਦਰਭ ਚਿੱਤਰਾਂ ਤੋਂ ਰੰਗਾਂ ਨੂੰ ਮਿਲਾਉਣਾ - ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਧਾਰਨਾਵਾਂ ਨਾਲ ਅਨੁਭਵ ਕਰਨਾ ਉਦਾਹਰਨ ਵਰਕਫਲੋ: 1. ਇੱਕ ਵਿਸ਼ੇਸ਼ ਹੂ ਨੂੰ ਚੁਣਨ ਲਈ HSV ਨਿਯੰਤਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ 2. ਚਾਹੀਦੀ ਪ੍ਰਭਾਵ ਲਈ ਸੰਤੁਸ਼ਟੀ ਅਤੇ ਚਮਕ ਨੂੰ ਸੁਧਾਰੋ 3. ਡਿਜੀਟਲ ਪੇਂਟਿੰਗ ਸਾਫਟਵੇਅਰ ਵਿੱਚ RGB ਮੁੱਲਾਂ ਨੂੰ ਕਾਪੀ ਕਰੋ 4. ਹੂ ਜਾਂ ਸੰਤੁਸ਼ਟੀ ਨੂੰ ਥੋੜ੍ਹਾ-ਥੋੜ੍ਹਾ ਸੁਧਾਰ ਕੇ ਵੱਖ-ਵੱਖ ਬਣਾਓ ### ਸਿੱਖਿਆ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਸਿੱਖਿਆ ਲਈ ਇੱਕ ਸਿੱਖਣ ਵਾਲਾ ਟੂਲ ਹੈ: - ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਧਾਰਨਾਵਾਂ ਦੀ ਸਿਖਲਾਈ - ਰੰਗ ਮਾਡਲ ਬਦਲਣ ਦੀਆਂ ਵਿਧੀਆਂ ਨੂੰ ਦਰਸਾਉਣਾ - ਡਿਜੀਟਲ ਰੰਗ ਪ੍ਰਤੀਨਿਧੀ ਨੂੰ ਸਮਝਾਉਣਾ - ਵਿਦਿਆਰਥੀਆਂ ਨੂੰ ਰੰਗ ਸਬੰਧਾਂ ਨੂੰ ਸਮਝਣ ਵਿੱਚ ਮਦਦ ਕਰਨਾ ਉਦਾਹਰਨ ਵਰਕਫਲੋ: 1. ਦਿਖਾਉ ਕਿ ਹੂ ਨੂੰ ਸੁਧਾਰਨਾ ਰੰਗ ਨੂੰ ਬਦਲਦਾ ਹੈ ਜਦੋਂ ਕਿ ਚਮਕ ਨੂੰ ਬਰਕਰਾਰ ਰੱਖਦਾ ਹੈ 2. ਦਰਸਾਉ ਕਿ RGB ਮੁੱਲਾਂ ਦਾ ਵਿਜ਼ੀਬਲ ਰੰਗਾਂ ਨਾਲ ਕੀ ਸੰਬੰਧ ਹੈ 3. ਸਮਝਾਉ ਕਿ ਹੈਕਸ ਕੋਡ RGB ਮੁੱਲਾਂ ਨਾਲ ਕਿਵੇਂ ਜੁੜਦੇ ਹਨ 4. ਦਿਖਾਉ ਕਿ CMYK ਡਿਜੀਟਲ ਐਪਲੀਕੇਸ਼ਨਾਂ ਦੇ ਮੁਕਾਬਲੇ ਛਾਪਣ ਲਈ RGB ਤੋਂ ਕਿਵੇਂ ਵੱਖਰਾ ਹੈ ### ਵਿਕਲਪ ਜਦੋਂ ਕਿ ਸਾਡਾ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਵਿਆਪਕ ਕਾਰਗੁਜ਼ਾਰੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ, ਰੰਗ ਚੋਣ ਦੇ ਹੋਰ ਵਿਕਲਪ ਹਨ: #### ਰੰਗ ਪੈਲੇਟ ਜਨਰੇਟਰ Adobe Color, Coolors, ਅਤੇ Paletton ਵਰਗੇ ਟੂਲ ਸੁਹਾਵਣੇ ਰੰਗ ਸਕੀਮ ਬਣਾਉਣ 'ਤੇ ਧਿਆਨ ਕੇਂਦਰਿਤ ਕਰਦੇ ਹਨ ਨਾ ਕਿ ਵਿਅਕਤੀਗਤ ਰੰਗ ਚੁਣਨ 'ਤੇ। ਜਦੋਂ ਤੁਹਾਨੂੰ ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਧਾਰਨਾਵਾਂ ਦੇ ਆਧਾਰ 'ਤੇ ਪੂਰੀ ਰੰਗ ਪੈਲੇਟ ਵਿਕਸਿਤ ਕਰਨ ਦੀ ਲੋੜ ਹੋਵੇ ਤਾਂ ਇਹ ਆਦਰਸ਼ ਹਨ। #### ਚਿੱਤਰ ਆਧਾਰਿਤ ਰੰਗ ਨਿਕਾਸਕ ColorZilla ਅਤੇ ImageColorPicker ਵਰਗੇ ਟੂਲ ਤੁਹਾਨੂੰ ਚਿੱਤਰਾਂ ਜਾਂ ਤੁਹਾਡੇ ਸਕ੍ਰੀਨ 'ਤੇ ਕਿਸੇ ਵੀ ਥਾਂ ਤੋਂ ਰੰਗ ਨਿਕਾਸ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੇ ਹਨ। ਇਹ ਖਾਸ ਤੌਰ 'ਤੇ ਉਨ੍ਹਾਂ ਸਮੇਂ ਉਪਯੋਗੀ ਹੁੰਦੇ ਹਨ ਜਦੋਂ ਤੁਹਾਨੂੰ ਫੋਟੋਗ੍ਰਾਫਾਂ ਜਾਂ ਡਿਜ਼ਾਈਨਾਂ ਤੋਂ ਮੌਜੂਦ ਰੰਗਾਂ ਨੂੰ ਮਿਲਾਉਣ ਦੀ ਲੋੜ ਹੋਵੇ। #### ਭੌਤਿਕ ਰੰਗ ਪ੍ਰਣਾਲੀਆਂ ਛਾਪਣ-ਕੇਂਦਰਿਤ ਕੰਮ ਲਈ, ਭੌਤਿਕ ਰੰਗ ਪ੍ਰਣਾਲੀਆਂ ਜਿਵੇਂ ਕਿ Pantone, CMYK ਸਵਾਚਬੁੱਕ, ਜਾਂ RAL ਰੰਗ ਚਾਰਟ ਮਿਆਰੀ ਸੰਦਰਭ ਪ੍ਰਦਾਨ ਕਰਦੇ ਹਨ ਜੋ ਵੱਖ-ਵੱਖ ਛਾਪਣ ਪ੍ਰਕਿਰਿਆਵਾਂ ਵਿੱਚ ਰੰਗ ਦੀ ਸਹੀਤਾ ਯਕੀਨੀ ਬਣਾਉਂਦੇ ਹਨ। #### ਬਿਲਟ-ਇਨ ਸਾਫਟਵੇਅਰ ਟੂਲ ਜਿਆਦਾਤਰ ਡਿਜ਼ਾਈਨ ਸਾਫਟਵੇਅਰ (ਐਡੋਬੀ ਫੋਟੋਸ਼ਾਪ, ਇਲਸਟ੍ਰੇਟਰ, ਫਿਗਮਾ, ਆਦਿ) ਵਿੱਚ ਬਿਲਟ-ਇਨ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਹਨ। ਜਦੋਂ ਕਿ ਇਹ ਸੁਵਿਧਾਜਨਕ ਹੁੰਦੇ ਹਨ, ਪਰ ਇਹ ਆਮ ਤੌਰ 'ਤੇ ਐਪਲੀਕੇਸ਼ਨ ਤੱਕ ਸੀਮਿਤ ਹੁੰਦੇ ਹਨ ਅਤੇ ਸਾਡੇ ਟੂਲ ਦੀ ਪੇਸ਼ਕਸ਼ ਕੀਤੀ ਜਾਣ ਵਾਲੀ ਕ੍ਰਾਸ-ਫਾਰਮੈਟ ਬਦਲਣ ਦੀ ਸਮਰੱਥਾ ਨਹੀਂ ਪ੍ਰਦਾਨ ਕਰਦੇ। ## ਡਿਜੀਟਲ ਰੰਗ ਚੁਣਨ ਦਾ ਇਤਿਹਾਸ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲਾਂ ਦਾ ਵਿਕਾਸ ਡਿਜੀਟਲ ਡਿਜ਼ਾਈਨ ਦੇ ਵਿਕਾਸ ਦੇ ਨਾਲ-ਨਾਲ ਚੱਲਦਾ ਹੈ: ### ਪਹਿਲਾ ਡਿਜੀਟਲ ਰੰਗ (1970-1980) ਪਹਿਲੇ ਡਿਜੀਟਲ ਰੰਗ ਪ੍ਰਣਾਲੀਆਂ ਹਾਰਡਵੇਅਰ ਦੀ ਸੀਮਤਾਵਾਂ ਦੇ ਕਾਰਨ ਬਹੁਤ ਹੀ ਸੀਮਤ ਸਨ: - ਪਹਿਲੇ ਕੰਪਿਊਟਰ ਮਾਨਟਰ ਸਿਰਫ 16 ਜਾਂ 256 ਰੰਗਾਂ ਨੂੰ ਦਰਸਾ ਸਕਦੇ ਸਨ - ਰੰਗਾਂ ਨੂੰ ਪੂਰਵ ਨਿਰਧਾਰਿਤ ਪੈਲੇਟਾਂ ਵਿੱਚੋਂ ਚੁਣਿਆ ਗਿਆ - ਵੈਬ-ਸੁਰੱਖਿਅਤ ਰੰਗ ਪੈਲੇਟ (216 ਰੰਗ) ਵਿਕਸਿਤ ਕੀਤਾ ਗਿਆ ਤਾਂ ਜੋ ਪਾਰ-ਬ੍ਰਾਊਜ਼ਰ ਸੰਗਤਤਾ ਯਕੀਨੀ ਬਣਾਈ ਜਾ ਸਕੇ ### RGB ਅਤੇ ਹੈਕਸ ਮਿਆਰ (1990) ਜਦੋਂ ਤਕਨਾਲੋਜੀ ਵਿੱਚ ਸੁਧਾਰ ਹੋਇਆ: - 24-ਬਿੱਟ ਰੰਗ ਮਿਆਰ ਬਣ ਗਿਆ, ਜੋ 16.7 ਮਿਲੀਅਨ ਰੰਗਾਂ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ - ਹੈਕਸਾਦੀਮਲ ਨੋਟੇਸ਼ਨ HTML ਅਤੇ CSS ਲਈ ਅਪਣਾਇਆ ਗਿਆ - ਡਿਜ਼ਾਈਨ ਸਾਫਟਵੇਅਰ ਵਿੱਚ ਬੁਨਿਆਦੀ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਆਏ - ਵੈਬ ਡਿਜ਼ਾਈਨਰਾਂ ਨੂੰ ਨਾਮਿਤ ਰੰਗਾਂ ਅਤੇ ਹੈਕਸ ਕੋਡਾਂ ਤੱਕ ਸੀਮਿਤ ਕੀਤਾ ਗਿਆ ### ਆਧੁਨਿਕ ਰੰਗ ਚੁਣਨ (2000-ਹਾਲ) ਅੱਜ ਦੇ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲ ਸਾਡੇ ਡਿਜੀਟਲ ਰੰਗ ਦੇ ਸੁਝਾਅ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ: - ਵਿਜ਼ੂਅਲ ਇੰਟਰਫੇਸ ਨਾਲ ਤੁਰੰਤ ਰੰਗ ਚੁਣਨ ਵਾਲੇ - ਕਈ ਰੰਗ ਮਾਡਲਾਂ (RGB, HSL, HSV, CMYK) ਦਾ ਸਮਰਥਨ - ਰੰਗ ਪਹੁੰਚਯੋਗਤਾ ਟੂਲਾਂ ਜੋ ਵਿਰੋਧ ਅਨੁਪਾਤਾਂ ਦੀ ਜਾਂਚ ਕਰਦੇ ਹਨ - ਉੱਚ ਰੰਗ ਸੁਹਾਵਣੇ ਅਲਗੋਰਿਦਮ - ਡਿਜ਼ਾਈਨ ਸਿਸਟਮਾਂ ਅਤੇ ਕੰਪੋਨੈਂਟ ਲਾਇਬ੍ਰੇਰੀਆਂ ਨਾਲ ਇਕੀਕਰਨ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲਾਂ ਦਾ ਵਿਕਾਸ ਡਿਸਪਲੇ ਟੈਕਨੋਲੋਜੀ, ਰੰਗ ਵਿਗਿਆਨ, ਅਤੇ ਡਿਜ਼ਾਈਨ ਪদ্ধਤੀਆਂ ਵਿੱਚ ਸੁਧਾਰਾਂ ਨਾਲ ਜਾਰੀ ਰਹਿੰਦਾ ਹੈ। ## ਰੰਗ ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਵਿਚਾਰ ਜਦੋਂ ਰੰਗ ਚੁਣਦੇ ਹੋ, ਇਹ ਪਾਠਕਾਂ ਲਈ ਰੰਗ ਦ੍ਰਿਸ਼ਟੀ ਦੀਆਂ ਬਿਮਾਰੀਆਂ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਦੀ ਪਹੁੰਚਯੋਗਤਾ ਨੂੰ ਧਿਆਨ ਵਿੱਚ ਰੱਖਣਾ ਮਹੱਤਵਪੂਰਨ ਹੈ: ### ਰੰਗ ਅੰਧਤਾ ਦੇ ਕਿਸਮਾਂ - **ਪ੍ਰੋਟਾਨੋਪੀਆ**: ਲਾਲ ਰੰਗਾਂ ਨੂੰ ਸਮਝਣ ਵਿੱਚ ਮੁਸ਼ਕਲ - **ਡਿਊਟਰਾਨੋਪੀਆ**: ਹਰੇ ਰੰਗਾਂ ਨੂੰ ਸਮਝਣ ਵਿੱਚ ਮੁਸ਼ਕਲ - **ਟ੍ਰਾਈਟਾਨੋਪੀਆ**: ਨੀਲੇ ਰੰਗਾਂ ਨੂੰ ਸਮਝਣ ਵਿੱਚ ਮੁਸ਼ਕਲ - **ਅਕ੍ਰੋਮੈਟੋਪਸੀਆ**: ਪੂਰੀ ਰੰਗ ਅੰਧਤਾ (ਸਿਰਫ ਗ੍ਰੇਸਕੇਲ ਵਿੱਚ ਦੇਖਣਾ) ### ਪਹੁੰਚਯੋਗਤਾ ਦੇ ਸੁਝਾਅ 1. **ਸਿਰਫ ਰੰਗ 'ਤੇ ਨਿਰਭਰ ਨਾ ਰਹੋ** ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ 2. **ਪਾਠ ਅਤੇ ਪਿਛੋਕੜ ਦੇ ਵਿਚਕਾਰ ਕਾਫੀ ਵਿਰੋਧ ਯਕੀਨੀ ਬਣਾਓ** (ਸਧਾਰਨ ਪਾਠ ਲਈ ਘੱਟੋ-ਘੱਟ 4.5:1) 3. **ਚਾਰਟ ਅਤੇ ਗ੍ਰਾਫਾਂ ਲਈ ਰੰਗਾਂ ਦੇ ਨਾਲ ਨਾਲ ਪੈਟਰਨ ਜਾਂ ਪਾਠਰਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ** 4. **ਆਪਣੇ ਰੰਗ ਚੋਣਾਂ ਦੀ ਜਾਂਚ ਕਰੋ** ਰੰਗ ਅੰਧਤਾ ਸਿਮੂਲੇਟਰਾਂ ਨਾਲ 5. **ਰੰਗ ਅੰਧਤਾ-ਮਿੱਤਰ ਪੈਲੇਟਾਂ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦਾ ਵਿਚਾਰ ਕਰੋ** ਜੋ ਸਮੱਸਿਆਵਾਂ ਵਾਲੇ ਰੰਗਾਂ ਦੇ ਜੋੜੇ ਤੋਂ ਬਚਾਉਂਦੇ ਹਨ ## ਅਕਸਰ ਪੁੱਛੇ ਜਾਣ ਵਾਲੇ ਸਵਾਲ ### RGB ਅਤੇ CMYK ਰੰਗ ਮਾਡਲਾਂ ਵਿੱਚ ਕੀ ਫਰਕ ਹੈ? RGB (ਲਾਲ, ਹਰਾ, ਨੀਲਾ) ਇੱਕ ਜੋੜਨ ਵਾਲਾ ਰੰਗ ਮਾਡਲ ਹੈ ਜੋ ਡਿਜੀਟਲ ਡਿਸਪਲੇਜ਼ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜਿੱਥੇ ਰੰਗ ਪ੍ਰਕਾਸ਼ ਜੋੜ ਕੇ ਬਣਾਏ ਜਾਂਦੇ ਹਨ। CMYK (ਸਿਆਹ, ਮੈਜੈਂਟਾ, ਪੀਲਾ, ਕਾਲਾ) ਇੱਕ ਘਟਾਉਣ ਵਾਲਾ ਮਾਡਲ ਹੈ ਜੋ ਛਾਪਣ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ ਜਿੱਥੇ ਰੰਗ ਪ੍ਰਕਾਸ਼ ਨੂੰ ਅਬਜ਼ਰਬ (ਘਟਾਉਣਾ) ਕਰਕੇ ਬਣਾਏ ਜਾਂਦੇ ਹਨ। RGB ਚਮਕੀਲੇ, ਵਧੀਆ ਰੰਗ ਪੈਦਾ ਕਰਦਾ ਹੈ ਜੋ ਡਿਜੀਟਲ ਮੀਡੀਆ ਲਈ ਉਚਿਤ ਹੁੰਦੇ ਹਨ, ਜਦਕਿ CMYK ਆਮ ਤੌਰ 'ਤੇ ਇੱਕ ਸੀਮਤ ਗੈਮਟ ਹੁੰਦਾ ਹੈ ਜੋ ਛਾਪਣ ਸਮੱਗਰੀ ਲਈ ਬਿਹਤਰ ਹੁੰਦਾ ਹੈ। ### ਮੇਰੇ ਸਕ੍ਰੀਨ 'ਤੇ ਰੰਗਾਂ ਦਾ ਦਿੱਖ ਛਾਪਣ ਦੇ ਮੁਕਾਬਲੇ ਕਿਉਂ ਵੱਖਰਾ ਹੁੰਦਾ ਹੈ? ਇਹ ਫਰਕ ਇਸ ਕਾਰਨ ਹੁੰਦਾ ਹੈ ਕਿ ਸਕ੍ਰੀਨ RGB ਰੰਗ ਮਾਡਲ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹਨ ਜੋ CMYK ਛਾਪਣ ਇੰਕਾਂ ਨਾਲੋਂ ਵੱਧ ਰੰਗਾਂ ਦੀ ਇੱਕ ਵਿਆਪਕ ਸ਼੍ਰੇਣੀ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ। ਇਸਦੇ ਨਾਲ ਨਾਲ, ਸਕ੍ਰੀਨ ਪ੍ਰਕਾਸ਼ ਨੂੰ ਨਿਕਾਸ ਕਰਦੇ ਹਨ ਜਦਕਿ ਛਾਪੇ ਗਏ ਸਮੱਗਰੀ ਪ੍ਰਕਾਸ਼ ਨੂੰ ਪਰਤਾਉਂਦੇ ਹਨ। ਡਿਵਾਈਸਾਂ ਦੇ ਵਿਚਕਾਰ ਕੈਲਿਬਰੇਸ਼ਨ ਦੇ ਫਰਕ, ਕਾਗਜ਼ ਦੀ ਗੁਣਵੱਤਾ, ਅਤੇ ਇੰਕ ਦੇ ਵੱਖ-ਵੱਖਤਾ ਵੀ ਇਸ ਵਿਸ਼ਮ ਨੂੰ ਯੋਗਦਾਨ ਦਿੰਦੇ ਹਨ। ਛਾਪਣ-ਕੇਂਦਰਿਤ ਕੰਮ ਲਈ, ਹਮੇਸ਼ਾ CMYK ਮੁੱਲਾਂ ਦੀ ਜਾਂਚ ਕਰੋ ਅਤੇ ਭੌਤਿਕ ਪ੍ਰੂਫ ਮੰਗਣ ਦਾ ਵਿਚਾਰ ਕਰੋ। ### ਮੈਂ ਕਿਸੇ ਵਿਸ਼ੇਸ਼ ਰੰਗ ਦਾ ਹੈਕਸ ਕੋਡ ਕਿਵੇਂ ਲੱਭ ਸਕਦਾ ਹਾਂ ਜੋ ਮੈਂ ਆਨਲਾਈਨ ਦੇਖਦਾ ਹਾਂ? ਤੁਸੀਂ ਬ੍ਰਾਊਜ਼ਰ ਐਕਸਟੈਂਸ਼ਨ ਜਿਵੇਂ ColorZilla ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਬਿਲਟ-ਇਨ ਵਿਕਾਸਕ ਟੂਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ। Chrome ਜਾਂ Firefox ਵਿੱਚ, ਕਿਸੇ ਤੱਤ 'ਤੇ ਸੱਜਾ ਕਲਿੱਕ ਕਰੋ, "Inspect" ਚੁਣੋ, ਫਿਰ ਵਿਕਾਸਕ ਪੈਨਲ ਵਿੱਚ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਵਿਵਕਲਪਕ ਤੌਰ 'ਤੇ, ਇੱਕ ਸਕ੍ਰੀਨਸ਼ਾਟ ਲਓ ਅਤੇ ਇਸਨੂੰ ਸਾਡੇ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲ ਵਿੱਚ ਅਪਲੋਡ ਕਰੋ, ਫਿਰ ਚਾਹੀਦੇ ਰੰਗ 'ਤੇ ਕਲਿੱਕ ਕਰੋ ਤਾਂ ਜੋ ਇਸਦਾ ਹੈਕਸ ਕੋਡ ਪ੍ਰਾਪਤ ਹੋ ਸਕੇ। ### ਮੈਂ ਇੱਕ ਸਹੀ ਰੰਗ ਸਕੀਮ ਕਿਵੇਂ ਬਣਾਉਂਦਾ ਹਾਂ? ਇੱਕ ਪ੍ਰਾਇਮਰੀ ਰੰਗ ਨਾਲ ਸ਼ੁਰੂ ਕਰੋ ਜੋ ਤੁਹਾਡੇ ਬ੍ਰਾਂਡ ਜਾਂ ਪ੍ਰੋਜੈਕਟ ਦੇ ਮੂਡ ਨੂੰ ਦਰਸਾਉਂਦਾ ਹੈ। ਫਿਰ ਰੰਗ ਸਿਧਾਂਤ ਦੇ ਧਾਰਨਾਵਾਂ ਜਿਵੇਂ ਕਿ ਪੂਰਕ (ਰੰਗ ਚੱਕਰ 'ਤੇ ਵਿਰੋਧੀ), ਆਨਲੋਗਸ (ਰੰਗ ਚੱਕਰ 'ਤੇ ਪਾਸੇ-ਪਾਸੇ), ਜਾਂ ਤ੍ਰਿਅਡਿਕ (ਰੰਗ ਚੱਕਰ 'ਤੇ ਸਮਾਨ ਦੂਰੀ 'ਤੇ) ਦੇ ਰਿਸ਼ਤਿਆਂ ਨੂੰ ਵਰਤ ਕੇ ਵਾਧੂ ਰੰਗ ਚੁਣੋ। ਹਾਇਰਾਰਕੀ ਬਣਾਉਣ ਲਈ ਸੰਤੁਸ਼ਟੀ ਅਤੇ ਚਮਕ ਨੂੰ ਸੁਧਾਰੋ। ਸਾਡਾ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਤੁਹਾਨੂੰ ਇਹ ਰਿਸ਼ਤੇ ਦਰਸ਼ਾਉਣ ਅਤੇ ਤੁਹਾਡੇ ਚੋਣਾਂ ਨੂੰ ਸੁਧਾਰਨ ਵਿੱਚ ਮਦਦ ਕਰਦਾ ਹੈ। ### ਮੈਂ ਇਹ ਯਕੀਨੀ ਕਿਵੇਂ ਬਣਾਉਂਦਾ ਹਾਂ ਕਿ ਮੇਰੇ ਚੁਣੇ ਹੋਏ ਰੰਗ ਪਹੁੰਚਯੋਗ ਹਨ? ਪਾਠ ਅਤੇ ਪਿਛੋਕੜ ਰੰਗਾਂ ਦੇ ਵਿਚਕਾਰ ਵਿਰੋਧ ਅਨੁਪਾਤ ਦੀ ਜਾਂਚ ਕਰਨ ਲਈ WebAIM Contrast Checker ਵਰਗੇ ਟੂਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰੋ। ਸਧਾਰਨ ਪਾਠ ਲਈ, ਘੱਟੋ-ਘੱਟ ਅਨੁਪਾਤ 4.5:1, ਅਤੇ ਵੱਡੇ ਪਾਠ ਲਈ 3:1 ਦਾ ਟਾਰਗੇਟ ਰੱਖੋ। ਰੰਗ ਅੰਧਤਾ ਵਾਲੇ ਉਪਭੋਗਤਾਵਾਂ ਲਈ ਸਮੱਸਿਆਵਾਂ ਵਾਲੇ ਰੰਗਾਂ ਦੇ ਜੋੜਿਆਂ ਤੋਂ ਬਚੋ (ਜਿਵੇਂ ਕਿ ਲਾਲ/ਹਰਾ)। ਆਪਣੇ ਡਿਜ਼ਾਈਨ ਦੀ ਜਾਂਚ ਕਰੋ ਰੰਗ ਅੰਧਤਾ ਸਿਮੂਲੇਟਰਾਂ ਨਾਲ। ਯਾਦ ਰੱਖੋ ਕਿ ਲਗਭਗ 8% ਮਰਦ ਅਤੇ 0.5% ਮਹਿਲਾਵਾਂ ਨੂੰ ਕਿਸੇ ਨਾ ਕਿਸੇ ਰੂਪ ਦੀ ਰੰਗ ਦ੍ਰਿਸ਼ਟੀ ਦੀ ਬਿਮਾਰੀ ਹੁੰਦੀ ਹੈ। ### ਹੈਕਸ ਰੰਗ ਕੋਡ ਵਿੱਚ # ਨਿਸ਼ਾਨ ਦਾ ਕੀ ਮਤਲਬ ਹੈ? ਹੈਸ਼ ਜਾਂ ਪਾਊਂਡ ਨਿਸ਼ਾਨ (#) ਇੱਕ ਪਰੀਫਿਕਸ ਹੈ ਜੋ ਦਰਸਾਉਂਦਾ ਹੈ ਕਿ ਇਸ ਤੋਂ ਬਾਅਦ ਦੇ ਅੱਖਰ ਇੱਕ ਹੈਕਸਾਦੀਮਲ ਰੰਗ ਕੋਡ ਨੂੰ ਦਰਸਾਉਂਦੇ ਹਨ। ਇਹ HTML, CSS, ਅਤੇ ਬਹੁਤ ਸਾਰੇ ਡਿਜ਼ਾਈਨ ਐਪਲੀਕੇਸ਼ਨਾਂ ਵਿੱਚ ਮਿਆਰੀ ਨੋਟੇਸ਼ਨ ਹੈ। ਇਸਦੇ ਬਾਅਦ ਆਉਣ ਵਾਲੇ ਛੇ ਅੱਖਰ RGB ਮੁੱਲਾਂ ਨੂੰ ਬੇਸ-16 ਫਾਰਮੈਟ ਵਿੱਚ ਦਰਸਾਉਂਦੇ ਹਨ, ਪਹਿਲਾ ਜੋੜ ਲਾਲ, ਦੂਜਾ ਹਰਾ, ਅਤੇ ਤੀਜਾ ਨੀਲਾ ਦਰਸਾਉਂਦਾ ਹੈ। ### ਮੈਂ ਛਾਪਣ ਲਈ RGB ਤੋਂ CMYK ਵਿੱਚ ਰੰਗ ਕਿਵੇਂ ਬਦਲਦਾ ਹਾਂ? ਸਾਡਾ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ RGB ਮੁੱਲਾਂ ਨੂੰ ਉਨ੍ਹਾਂ ਦੇ CMYK ਸਮਾਨਾਂਤਰਾਂ ਵਿੱਚ ਆਪਣੇ ਆਪ ਬਦਲਦਾ ਹੈ। ਸਿਰਫ ਆਪਣੇ RGB ਮੁੱਲਾਂ ਨੂੰ ਦਰਜ ਕਰੋ, ਅਤੇ ਸਬੰਧਤ CMYK ਮੁੱਲ ਦਰਸਾਏ ਜਾਣਗੇ। ਹਾਲਾਂਕਿ, ਕੁਝ RGB ਰੰਗ CMYK ਗੈਮਟ ਦੇ ਬਾਹਰ ਹੁੰਦੇ ਹਨ ਅਤੇ ਛਾਪਣ ਵਿੱਚ ਬਿਲਕੁਲ ਦੁਹਰਾਏ ਨਹੀਂ ਜਾ ਸਕਦੇ। ਪੇਸ਼ੇਵਰ ਡਿਜ਼ਾਈਨ ਸਾਫਟਵੇਅਰ ਜਿਵੇਂ ਕਿ ਐਡੋਬੀ ਇਲਸਟ੍ਰੇਟਰ ਜਾਂ ਫੋਟੋਸ਼ਾਪ ਵੀ ਰੰਗ ਮੋਡ ਬਦਲਣ ਦੇ ਨਾਲ ਗੈਮਟ ਚੇਤਾਵਨੀ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ### 3-ਅੱਖਰੀ ਅਤੇ 6-ਅੱਖਰੀ ਹੈਕਸ ਰੰਗ ਕੋਡਾਂ ਵਿੱਚ ਕੀ ਫਰਕ ਹੈ? 3-ਅੱਖਰੀ ਹੈਕਸ ਕੋਡ ਇੱਕ ਛੋਟਾ ਨੋਟੇਸ਼ਨ ਹੈ ਜੋ ਉਸ ਸਮੇਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ ਜਦੋਂ ਹਰ ਭਾਗ ਦੇ ਜੋੜੇ ਵਿੱਚ ਮਿਲਦੇ ਅੱਖਰ ਹੁੰਦੇ ਹਨ। ਉਦਾਹਰਨ ਵਜੋਂ, #FF0000 ਨੂੰ #F00 ਵਿੱਚ ਛੋਟਾ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ ਕਿਉਂਕਿ F=FF, 0=00, ਅਤੇ 0=00। ਇਹ ਛੋਟਾ ਨੋਟੇਸ਼ਨ ਸਿਰਫ ਉਹਨਾਂ ਰੰਗਾਂ ਲਈ ਕੰਮ ਕਰਦਾ ਹੈ ਜਿੱਥੇ ਹਰ ਚੈਨਲ ਨੂੰ ਦੁਹਰਾਏ ਅੱਖਰਾਂ ਦੁਆਰਾ ਦਰਸਾਇਆ ਜਾ ਸਕਦਾ ਹੈ। ਇਹ ਪਹਿਲਾਂ ਵੈਬ ਦੇ ਸ਼ੁਰੂਆਤੀ ਦਿਨਾਂ ਵਿੱਚ ਫਾਈਲ ਦਾ ਆਕਾਰ ਬਚਾਉਣ ਲਈ ਜਾਣੂ ਕੀਤਾ ਗਿਆ ਸੀ ਪਰ ਇਹ ਇੱਕ ਸੁਵਿਧਾਜਨਕ ਛੋਟਾ ਨੋਟੇਸ਼ਨ ਬਣਿਆ ਰਹਿੰਦਾ ਹੈ। ### ਵੱਖ-ਵੱਖ ਮਾਡਲਾਂ ਦੇ ਵਿਚਕਾਰ ਬਦਲਣ ਵਿੱਚ ਸਹੀਤਾ ਕਿੰਨੀ ਹੈ? RGB ਅਤੇ ਹੈਕਸ ਦੇ ਵਿਚਕਾਰ ਬਦਲਣ ਸਿਧੇ ਤੌਰ 'ਤੇ ਸਹੀ ਹੁੰਦੇ ਹਨ ਕਿਉਂਕਿ ਇਹ ਵੱਖਰੇ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਇੱਕੋ ਹੀ ਮੁੱਲਾਂ ਦੇ ਸਿੱਧੇ ਪ੍ਰਤੀਨਿਧੀ ਹਨ। RGB ਅਤੇ CMYK ਦੇ ਵਿਚਕਾਰ ਬਦਲਣ ਅੰਦਾਜ਼ੇ ਹਨ ਕਿਉਂਕਿ ਰੰਗਾਂ ਦੇ ਗੈਮਟ ਅਤੇ ਪ੍ਰਕਾਸ਼ ਦੇ ਨਿਕਾਸ ਦੇ ਮੁੱਖ ਗੁਣਾਂ ਵਿੱਚ ਮੂਲ ਭਿੰਨਤਾ ਹੈ। ਸਾਡਾ ਟੂਲ ਇਨ੍ਹਾਂ ਸੀਮਾਵਾਂ ਦੇ ਅੰਦਰ ਸਭ ਤੋਂ ਸਹੀ ਬਦਲਣ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ ਉਦਯੋਗ-ਮਿਆਰੀ ਫਾਰਮੂਲਾਂ ਦੀ ਵਰਤੋਂ ਕਰਦਾ ਹੈ। ### ਕੀ ਮੈਂ ਆਪਣੇ ਚੁਣੇ ਹੋਏ ਰੰਗਾਂ ਨੂੰ ਸੇਵ ਜਾਂ ਨਿਰਯਾਤ ਕਰ ਸਕਦਾ ਹਾਂ? ਵਰਤਮਾਨ ਵਿੱਚ, ਤੁਸੀਂ ਆਪਣੇ ਕਲਿੱਪਬੋਰਡ 'ਤੇ ਵਿਅਕਤੀਗਤ ਰੰਗ ਮੁੱਲਾਂ ਨੂੰ ਕਾਪੀ ਕਰ ਸਕਦੇ ਹੋ। ਅਸੀਂ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟਾਂ ਲਈ ਕਈ ਰੰਗਾਂ ਨੂੰ ਸੇਵ ਕਰਨ ਲਈ ਇੱਕ ਦਸਤਾਵੇਜ਼ ਬਣਾਉਣ ਜਾਂ ਸਮਰਪਿਤ ਰੰਗ ਪੈਲੇਟ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰਨ ਦੀ ਸਿਫਾਰਿਸ਼ ਕਰਦੇ ਹਾਂ। ਭਵਿੱਖ ਦੇ ਅੱਪਡੇਟਾਂ ਵਿੱਚ ਟੂਲ ਦੇ ਅੰਦਰ ਸਿੱਧਾ ਰੰਗ ਪੈਲੇਟਾਂ ਨੂੰ ਸੇਵ ਕਰਨ ਦੀਆਂ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਸ਼ਾਮਲ ਹੋ ਸਕਦੀਆਂ ਹਨ। ## ਰੰਗ ਬਦਲਣ ਲਈ ਕੋਡ ਉਦਾਹਰਨਾਂ ਇੱਥੇ ਕੁਝ ਕੋਡ ਉਦਾਹਰਨਾਂ ਹਨ ਜੋ ਵੱਖਰੇ ਰੰਗ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਬਦਲਣ ਨੂੰ ਦਰਸਾਉਂਦੀਆਂ ਹਨ:
1// RGB ਤੋਂ ਹੈਕਸ ਬਦਲਣ
2function rgbToHex(r, g, b) {
3  const toHex = (c) => {
4    const hex = Math.round(c).toString(16);
5    return hex.length === 1 ? '0' + hex : hex;
6  };
7  
8  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
9}
10
11// ਹੈਕਸ ਤੋਂ RGB ਬਦਲਣ
12function hexToRgb(hex) {
13  // ਜੇਕਰ ਮੌਜੂਦ ਹੈ ਤਾਂ # ਹਟਾਓ
14  const cleanHex = hex.startsWith('#') ? hex.slice(1) : hex;
15  
16  // 3-ਅੱਖਰੀ ਅਤੇ 6-ਅੱਖਰੀ ਹੈਕਸ ਨੂੰ ਸੰਭਾਲੋ
17  const expandedHex = cleanHex.length === 3 
18    ? cleanHex.split('').map(char => char + char).join('')
19    : cleanHex;
20    
21  const r = parseInt(expandedHex.substring(0, 2), 16);
22  const g = parseInt(expandedHex.substring(2, 4), 16);
23  const b = parseInt(expandedHex.substring(4, 6), 16);
24  
25  return { r, g, b };
26}
27
28// RGB ਤੋਂ CMYK ਬਦਲਣ
29function rgbToCmyk(r, g, b) {
30  // RGB ਮੁੱਲਾਂ ਨੂੰ ਨਾਰਮਲਾਈਜ਼ ਕਰੋ
31  const normalizedR = r / 255;
32  const normalizedG = g / 255;
33  const normalizedB = b / 255;
34  
35  // K (ਕਾਲਾ) ਦੀ ਗਣਨਾ ਕਰੋ
36  const k = 1 - Math.max(normalizedR, normalizedG, normalizedB);
37  
38  // ਸ਼ੁੱਧ ਕਾਲੇ ਨੂੰ ਸੰਭਾਲੋ
39  if (k === 1) {
40    return { c: 0, m: 0, y: 0, k: 100 };
41  }
42  
43  // C, M, Y ਦੀ ਗਣਨਾ ਕਰੋ
44  const c = ((1 - normalizedR - k) / (1 - k)) * 100;
45  const m = ((1 - normalizedG - k) / (1 - k)) * 100;
46  const y = ((1 - normalizedB - k) / (1 - k)) * 100;
47  
48  return {
49    c: Math.round(c),
50    m: Math.round(m),
51    y: Math.round(y),
52    k: Math.round(k * 100)
53  };
54}
55
56// ਉਦਾਹਰਨ ਵਰਤੋਂ
57const rgb = { r: 255, g: 0, b: 0 }; // ਸ਼ੁੱਧ ਲਾਲ
58console.log(`Hex: ${rgbToHex(rgb.r, rgb.g, rgb.b)}`);
59console.log(`CMYK:`, rgbToCmyk(rgb.r, rgb.g, rgb.b));
60

ਸੰਦਰਭ

  1. Agoston, M. K. (2013). Computer Graphics and Geometric Modeling: Implementation and Algorithms. Springer Science & Business Media.

  2. Adobe Systems. (2000). Adobe RGB (1998) Color Image Encoding. Adobe Systems Incorporated.

  3. Fairchild, M. D. (2013). Color Appearance Models. John Wiley & Sons.

  4. Hunt, R. W. G., & Pointer, M. R. (2011). Measuring Colour. John Wiley & Sons.

  5. Poynton, C. (2012). Digital Video and HD: Algorithms and Interfaces. Elsevier.

  6. W3C. (2018). CSS Color Module Level 4. W3C Working Draft. Retrieved from https://www.w3.org/TR/css-color-4/

  7. Web Content Accessibility Guidelines (WCAG) 2.1. (2018). Retrieved from https://www.w3.org/TR/WCAG21/

  8. International Color Consortium. (2004). Specification ICC.1:2004-10 (Profile version 4.2.0.0). Retrieved from http://www.color.org/specification/ICC1v42_2006-05.pdf

ਅੱਜ ਹੀ ਸਾਡੇ ਰੰਗ ਚੁਣਨ ਵਾਲੇ ਟੂਲ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ!

ਕੀ ਤੁਸੀਂ ਆਪਣੇ ਪ੍ਰੋਜੈਕਟ ਲਈ ਸਹੀ ਰੰਗ ਲੱਭਣ ਲਈ ਤਿਆਰ ਹੋ? ਸਾਡਾ ਉਪਯੋਗ ਵਿੱਚ ਆਸਾਨ ਰੰਗ ਚੁਣਨ ਵਾਲਾ ਟੂਲ ਰੰਗਾਂ ਨੂੰ ਚੁਣਨ, ਸੁਧਾਰਨ ਅਤੇ ਵੱਖਰੇ ਫਾਰਮੈਟਾਂ ਵਿੱਚ ਬਦਲਣ ਲਈ ਆਸਾਨ ਬਣਾਉਂਦਾ ਹੈ। ਚਾਹੇ ਤੁਸੀਂ ਇੱਕ ਵੈਬਸਾਈਟ ਡਿਜ਼ਾਈਨ ਕਰ ਰਹੇ ਹੋ, ਡਿਜੀਟਲ ਕਲਾ ਬਣਾਉਂਦੇ ਹੋ, ਜਾਂ ਛਾਪਣ ਸਮੱਗਰੀ ਦੀ ਯੋਜਨਾ ਬਣਾਉਂਦੇ ਹੋ, ਸਾਡਾ ਟੂਲ ਤੁਹਾਨੂੰ ਲੋੜੀਂਦੀ ਸਹੀਤਾ ਅਤੇ ਲਚਕਤਾ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ।

ਹੁਣ ਰੰਗਾਂ ਨਾਲ ਅਨੁਭਵ ਕਰਨਾ ਸ਼ੁਰੂ ਕਰੋ ਅਤੇ ਆਪਣੇ ਡਿਜ਼ਾਈਨਾਂ ਨੂੰ ਅਗਲੇ ਪੱਧਰ 'ਤੇ ਲੈ ਜਾਓ!

🔗

ਸੰਬੰਧਿਤ ਟੂਲ

ਹੋਰ ਟੂਲਾਂ ਦੀ ਖੋਜ ਕਰੋ ਜੋ ਤੁਹਾਡੇ ਕੰਮ ਦੇ ਪ੍ਰਵਾਹ ਲਈ ਲਾਭਦਾਇਕ ਹੋ ਸਕਦੀਆਂ ਹਨ