์ƒ‰์ƒ ํฌ๋งท ๋ณ€ํ™˜๊ธฐ

HEX, RGB, HSL, CMYK ๊ฐ„ ์ƒ‰์ƒ์„ ์ƒํ˜ธ ๋ณ€ํ™˜ํ•˜๊ณ  ๋ผ์ด๋ธŒ ํ”„๋ฆฌ๋ทฐ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค(๋ฐ์Šคํฌํ†ฑ์—์„œ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์ง€์›)

HEX

#

RGB

HSL

CMYK

ํŒ: ์ฑ„๋„ ๋ฌธ์ž๋ฅผ ์ขŒ์šฐ๋กœ ๋“œ๋ž˜๊ทธํ•˜์—ฌ ๋ฏธ์„ธ ์กฐ์ •

๋ฏธ๋ฆฌ๋ณด๊ธฐ

์‚ฌ์šฉ ์•ˆ๋‚ด

๐Ÿš€ ๋น ๋ฅธ ์‹œ์ž‘

  • ์„ ํƒ/์ž…๋ ฅ: #1E90FF, rgb(30,144,255), hsl(210,100%,56%) ๋“ฑ ์ง€์› ํ˜•์‹์„ ์ž…๋ ฅํ•˜๊ฑฐ๋‚˜ ์ปฌ๋Ÿฌ ํ”ผ์ปค ์‚ฌ์šฉ
  • ์ž๋™ ๋ณ€ํ™˜: ํ•œ ํ˜•์‹์„ ์ž…๋ ฅํ•˜๋ฉด ๋‚˜๋จธ์ง€ ํ˜•์‹์ด ์ฆ‰์‹œ ๊ฐฑ์‹ 
  • ๋ณต์‚ฌ: ๊ฐ ํ˜•์‹ ์˜† ๋ณต์‚ฌ ๋ฒ„ํŠผ์œผ๋กœ ์ •๊ทœํ™”๋œ ๋ฌธ์ž์—ด ๋ณต์‚ฌ

๐Ÿ“Œ ์ž์ฃผ ์“ฐ๋Š” ์‹œ๋‚˜๋ฆฌ์˜ค

  • ๋””์ž์ธ ์ „๋‹ฌ: ์‹œ์•ˆ์˜ HEX๋ฅผ CSS RGB/HSL๋กœ ๋ณ€ํ™˜
  • ์Šคํƒ€์ผ ๊ฐ€์ด๋“œ: ์ปดํฌ๋„ŒํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์˜ ์ƒ‰์ƒ ํ˜•์‹/ํ‘œ๊ธฐ ํ†ต์ผ
  • ์ธ์‡„ ์ฐธ๊ณ : ํ™”๋ฉด ์ƒ‰์ƒ์„ CMYK๋กœ ๋ณ€ํ™˜ํ•ด 1์ฐจ ์ถ”์ •(๊ต์ • ํ•„์š”)
  • ์ ‘๊ทผ์„ฑ: ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋กœ ๋Œ€๋น„๋ฅผ ๋น ๋ฅด๊ฒŒ ๊ฐ€๋Š (์ •ํ™•ํ•œ ๋น„์œจ์€ ์ „์šฉ ๋„๊ตฌ ์‚ฌ์šฉ)

๐ŸŽ›๏ธ ๋ณ€ํ™˜ ๋งค๊ฐœ๋ณ€์ˆ˜ ๋ฐ ํ‘œ์‹œ

  • ์ž…๋ ฅ ๊ทœ์น™: HEX๋Š” 6์ž๋ฆฌ๋งŒ ์ง€์›(์•ŒํŒŒ ์—†์Œ); RGB 0โ€“255; H 0โ€“360; S/L 0โ€“100; CMYK 0โ€“100. ์ž…๋ ฅ์€ ๋Œ€์†Œ๋ฌธ์ž ๊ตฌ๋ถ„ ์—†์Œ
  • ๋ฏธ๋ฆฌ๋ณด๊ธฐ: ๋ฐ์Šคํฌํ†ฑ ์šฐ์ธก ๋ผ์ด๋ธŒ ๋ฏธ๋ฆฌ๋ณด๊ธฐ; ๋ชจ๋ฐ”์ผ์€ ๋ฏธ๋ฆฌ๋ณด๊ธฐ ์—†๋Š” ๊ฒฝ๋Ÿ‰ ๋ชจ๋“œ
  • ์ƒ‰์ƒ ์„ ํƒ๊ธฐ: ๊ฐ ์นด๋“œ ์šฐ์ธก ์ƒ๋‹จ ํŒ”๋ ˆํŠธ ๋ฒ„ํŠผ์œผ๋กœ ์—ด๊ธฐ
  • HEX ๋Œ€๋ฌธ์ž ์ •์ฑ…: ์ถœ๋ ฅ์€ ๋Œ€๋ฌธ์ž๋กœ ํ‘œ์ค€ํ™”(์˜ˆ #1E90FF), ์ž…๋ ฅ์€ ๋Œ€์†Œ๋ฌธ์ž ๊ตฌ๋ถ„ ์•ˆ ํ•จ; ์ „ํ™˜ ์Šค์œ„์น˜ ์—†์Œ
  • ๋ฏธ์„ธ ์กฐ์ •: ์ฑ„๋„ ๋ฌธ์ž๋ฅผ ์ขŒ์šฐ๋กœ ๋“œ๋ž˜๊ทธ(Shiftร—10, Altรท0.1)
  • ๋ณต์‚ฌ ์ถœ๋ ฅ: ๋ณต์‚ฌ ๋ฒ„ํŠผ์€ ํ‘œ์ค€ํ™”๋œ ๋ฌธ์ž์—ด(HEX ๋Œ€๋ฌธ์ž)์„ ์ถœ๋ ฅ

๐Ÿงญ ์‚ฌ์šฉ ํŒ

  • ์ •๋ฐ€๋„: ๊ธฐ๊ธฐ/์•ฑ๋ณ„ ์ƒ‰ ๊ด€๋ฆฌ๊ฐ€ ๋‹ฌ๋ผ ์Šคํฌ์ด๋“œ ๊ฐ’์ด ์•ฝ๊ฐ„ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Œ
  • ์•ŒํŒŒ: ํ˜„์žฌ ํ˜•์‹์€ ์•ŒํŒŒ ๋ฏธํฌํ•จ; rgba()/hsla() ๋˜๋Š” ๋ณ„๋„ ์ฑ„๋„ ์‚ฌ์šฉ
  • ์ƒ‰ ๊ณต๊ฐ„: ์›น ๊ธฐ๋ณธ์€ sRGB; P3/Displayโ€‘P3 ํ™˜๊ฒฝ์—์„œ๋Š” ์ฃผ์˜ ๊นŠ๊ฒŒ ๊ฒ€์ฆ
  • ํŒ€ ์ผ๊ด€์„ฑ: CSS์—์„œ ํ‘œ์ค€ ํ˜•์‹(HSL ๋“ฑ)์„ ํ•ฉ์˜

โš ๏ธ ์ œํ•œ ๋ฐ ํ˜ธํ™˜์„ฑ

  • ๊ธฐ๊ธฐ๊ฐ„ ์ฐจ์ด: ๋ชจ๋‹ˆํ„ฐ/๋ธŒ๋ผ์šฐ์ €/OS์˜ ์ƒ‰ ๊ด€๋ฆฌ๊ฐ€ ๋‹ฌ๋ผ ๋ณด๊ธฐ๊ฐ€ ๋‹ค๋ฅผ ์ˆ˜ ์žˆ์Œ
  • CMYK ๊ทผ์‚ฌ: ์ฐธ๊ณ ์šฉ ๊ฐ’์ด๋ฉฐ ์‹ค์ œ ์ธ์‡„๋Š” ICC/์ „์šฉ ํ๋ฆ„ ํ•„์š”
  • ์•ŒํŒŒ ์—†์Œ: ํˆฌ๋ช…๋„๋Š” ์ฒ˜๋ฆฌํ•˜์ง€ ์•Š์Œ

๐Ÿ”’ ๊ฐœ์ธ์ •๋ณด ๋ฐ ๋ณด์•ˆ

  • ๋ชจ๋“  ์ฒ˜๋ฆฌ๋Š” ๋ธŒ๋ผ์šฐ์ € ๋‚ด์—์„œ ์ด๋ฃจ์–ด์ง€๋ฉฐ, ๋ฐ์ดํ„ฐ๋Š” ๊ธฐ๊ธฐ๋ฅผ ๋– ๋‚˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค
  • ์˜๊ตฌ ์ €์žฅ ์—†์Œ: ํŽ˜์ด์ง€ ์ข…๋ฃŒ ์‹œ ์ž…๋ ฅ/๊ธฐ๋ก ์‚ญ์ œ(์ˆ˜๋™ ์ €์žฅ ์ œ์™ธ)

โ“ ์ž์ฃผ ๋ฌป๋Š” ์งˆ๋ฌธ

#RGB ์ถ•์•ฝ ํ‘œ๊ธฐ๋Š” ์ง€์›ํ•˜๋‚˜์š”?

ํ˜„์žฌ ๋ฏธ์ง€์›์ž…๋‹ˆ๋‹ค. 6์ž๋ฆฌ HEX(#RRGGBB)๋ฅผ ์‚ฌ์šฉํ•˜์„ธ์š”.

RGB/HSL์˜ ํ—ˆ์šฉ ๋ฒ”์œ„๋Š”?

RGB๋Š” 0โ€“255(์ •์ˆ˜); H๋Š” 0โ€“360, S/L์€ 0โ€“100%

์™œ CMYK๊ฐ€ ์ธ์‡„ ๊ฒฐ๊ณผ์™€ ๋‹ค๋ฅด์ฃ ?

CMYK๋Š” ์šฉ์ง€/์ž‰ํฌ/์žฅ๋น„/ICC์— ์ขŒ์šฐ๋ฉ๋‹ˆ๋‹ค. ๋ณธ ๋„๊ตฌ ๊ฐ’์€ ๊ทผ์‚ฌ์น˜๋กœ, ์‹ค์ œ ์ธ์‡„๋Š” ๊ต์ •์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค

์•ŒํŒŒ(rgba()/hsla())๋ฅผ ์ง€์›ํ•˜๋‚˜์š”?

ํ˜„์žฌ๋Š” ์ง€์›ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. rgba()/hsla() ๋˜๋Š” ๋ณ„๋„์˜ ์•ŒํŒŒ ๊ฐ’์„ ์‚ฌ์šฉํ•˜์„ธ์š”.

๋ฏธ๋ฆฌ๋ณด๊ธฐ๋‚˜ ๋ณ€ํ™˜ ๊ฐ’์ด ์•ฑ/๋ธŒ๋ผ์šฐ์ €์™€ ๋‹ค๋ฅธ ์ด์œ ๋Š”?

์ปฌ๋Ÿฌ ๊ด€๋ฆฌ, ๋ Œ๋”๋ง, ํ™”๋ฉด ๋ณด์ • ์ฐจ์ด ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค. ๋ณธ ๋„๊ตฌ๋Š” sRGB ๊ธฐ์ค€์œผ๋กœ ๊ณ„์‚ฐํ•˜๋ฉฐ ์ฐธ๊ณ ์šฉ์ž…๋‹ˆ๋‹ค.

์™€์ด๋“œ ๊ฒŒ์ด๋จธํŠธ(P3/Displayโ€‘P3) ์ง€์›ํ•˜๋‚˜์š”?

ํ˜„์žฌ sRGB ๊ธฐ๋ฐ˜์ž…๋‹ˆ๋‹ค. P3 ์›Œํฌํ”Œ๋กœ์šฐ์—์„œ๋Š” ๋Œ€์ƒ ๊ธฐ๊ธฐ์™€ ICC๋กœ ๊ฒ€์ฆํ•˜์„ธ์š”.

CMYK๋ฅผ HEX/RGB๋กœ ์—ญ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ๋‚˜์š”?

๊ฐ€๋Šฅํ•˜์ง€๋งŒ CMYKโ†’ํ™”๋ฉด์ƒ‰์€ ๊ทผ์‚ฌ์น˜์ž…๋‹ˆ๋‹ค. ์ธ์‡„๋Š” ICC์™€ ํ”„๋ฃจํ•‘์ด ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

์ €ํฌ๋Š” ๊ท€ํ•˜์˜ ๊ฐœ์ธ์ •๋ณด๋ฅผ ๋งค์šฐ ์ค‘์š”ํ•˜๊ฒŒ ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋“  ์ฒ˜๋ฆฌ๋Š” ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋กœ์ปฌ๋กœ ์ˆ˜ํ–‰๋ฉ๋‹ˆ๋‹ค.

GitHub
์†Œ๊ฐœ
๊ฐœ์ธ์ •๋ณด๋ณดํ˜ธ
์ƒ‰์ƒ ํฌ๋งท ๋ณ€ํ™˜๊ธฐ - HEX RGB HSL CMYK - CrateX.app