์ด ๋ฌธ์„œ์˜ ์›๋ณธ์€ ์™ธ๋ถ€ ์œ„ํ‚ค์—์„œ ๊ฐ€์ ธ์™”์Šต๋‹ˆ๋‹ค.
HSB์—์„œ ๋„˜์–ด์˜ด

HSL ์ƒ‰ ๋ชจ๋ธ์„ ์ž˜ ์„ค๋ช…ํ•˜๋Š” ๋จผ์…€์‹ ์ƒ‰์ž…์ฒด.
1. ๊ฐœ์š”2. ์ƒ์„ธ3. ์—ฌ๋‹ด4. ๊ด€๋ จ ๋ฌธ์„œ

1. ๊ฐœ์š”[ํŽธ์ง‘]

์ƒ‰์„ ๊ตฌ์„ฑํ•˜๋Š” ๋ฐฉ๋ฒ•์˜ ํ•˜๋‚˜์ด๋‹ค. RGB ์™€๋Š” ๋‹ค๋ฅด๊ฒŒ ์ƒ‰์„ ๋‚˜ํƒ€๋‚ด๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ, ์ƒ‰๋„(Hue), ์ฑ„๋„(Saturation), ๋ช…๋„(Value)์˜ 3์š”์†Œ๋กœ ๊ตฌ์„ฑ๋œ๋‹ค. HSB(Brightness), HSI(Intensity), HSL(Lightness)์ด๋ผ๋Š” ํ‘œ๊ธฐ๋„ ์“ฐ์ธ๋‹ค.

2. ์ƒ์„ธ[ํŽธ์ง‘]

์ง์„ ์ถ•์œผ๋กœ๋งŒ ์ด๋ฃจ์–ด์ง€๋Š” ํƒ€ ์ƒ‰๊ตฌ์„ฑ๋ฒ•[1]๊ณผ๋Š” ๋‹ฌ๋ฆฌ ์›๊ธฐ๋‘ฅ์ด ๋ชจํƒœ์ธ ๊ณก๋ฉด๊ธฐํ•˜ํ˜• ์ƒ‰ ๊ตฌ์กฐ๋ฅผ ํ•˜๊ณ  ์žˆ๋Š”๋ฐ, ๋ช…๋„, ์ฑ„๋„๋Š” ์ง์„ ์ด๊ณ  ์ƒ‰๋„๋Š” ์›ํ˜•[2]์„ ๋ ๊ณ  ์žˆ๋‹ค. ์—ฌ๊ธฐ์„œ ์›๊ธฐ๋‘ฅ์— ๊ฐ€๊นŒ์šด ๋จผ์…€ ๋ชจ๋ธ[3]๊ณผ ์›๋ฟ” ๋‘๊ฐœ๋ฅผ ์ด์–ด๋ถ™์ธ ํ˜•ํƒœ์˜ ์˜ค์ŠคํŠธ๋ฐœํŠธ ๋ชจ๋ธ[4]๋กœ ๋‚˜๋‰œ๋‹ค. ๋‹ค๋งŒ ์‹œ์ค‘์— ๋‚˜์™€ ์žˆ๋Š” ๋จผ์…€ ๋ชจ๋ธ ์ƒ‰์ž…์ฒด๋Š” ์œ„ ์‚ฌ์ง„์— ๋‚˜์™€ ์žˆ๋“ฏ ์•ˆ๋ฃŒ์˜ ํ•œ๊ณ„๋กœ ์ฐŒ๊ทธ๋Ÿฌ์ง„ ๊ตฌ ํ˜•ํƒœ์— ๊ฐ€๊น๋‹ค. ๋ช…๋„๊ฐ€ ๋†’์„์ˆ˜๋ก ์œ„๋กœ ์˜ฌ๋ผ๊ฐ€๋ฉฐ, ์ฑ„๋„๊ฐ€ ๋†’์„์ˆ˜๋ก ์ค‘์‹ฌ์ถ•์—์„œ ๋ฉ€์–ด์ง„๋‹ค.

์ง๊ด€์ ์ด๊ณ  ์ž์—ฐ๊ณ„์˜ ์ƒ‰์ƒ์„ ๊ฑฐ์˜ ์˜จ์ „ํžˆ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ๊ตฌ์กฐ ์ž์ฒด๊ฐ€ ๊ณก๋ฉด๊ธฐํ•˜๋ผ ๋‹ค๋ฅธ ์ƒ‰๊ตฌ์„ฑ๋ฒ•์— ๋น„ํ•ด ๋‹ค์†Œ ๋‚œํ•ดํ•œ ๋ฉด์ด ์žˆ๋‹ค. ๋ฌผ๋ก  ์ •ํŒ”ํฌ์ฒด ๊ตฌ์กฐ์ธ CMYK์— ๋น„ํ•˜๋ฉด ์ผ๋‹จ์€ ๋ˆˆ์— ๋ณด์ด๋Š” ๊ตฌ์กฐ์ด๊ธด ํ•˜์ง€๋งŒ...

RGB๋กœ๋Š” ์ƒ‰์ƒ์ด ์ ์ง„์ ์œผ๋กœ ๋ฐ”๋€Œ๋Š” ๊ทธ๋ผ๋””์–ธํŠธ๋ฅผ ๊ตฌํ˜„ํ•˜๊ธฐ๊ฐ€ ํž˜๋“ค์ง€๋งŒ ์ด HSV๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋‘ ๊ฐœ์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋ฅผ ๊ณ ์ •ํ•˜๊ณ  ํ•˜๋‚˜์˜ ํŒŒ๋ผ๋ฏธํ„ฐ๋งŒ ์›€์ง์ด๋Š” ๋ฐฉ๋ฒ•์œผ๋กœ ์Œ์˜๋ณ€ํ™”(๊ทธ๋ฆผ์ž), ์ฑ„๋„๋ณ€ํ™”(๋จผ ๊ณณ์˜ ๋ฌผ์ฒด ๋˜๋Š” ๋ฌผ ์†์œผ๋กœ ๋“ค์–ด๊ฐ€๋Š” ๋ฌผ์ฒด๊ฐ€ ์ ์  ์žฟ๋น›์œผ๋กœ ๋ณด์ด๋Š” ํ˜„์ƒ), ๊ทธ๋ฆฌ๊ณ  ๋ฌด์ง€๊ฐœ ํ‘œํ˜„์ด ์•„์ฃผ ์‰ฌ์›Œ์ง„๋‹ค. ๊ทธ๋Ÿฌ๋‹ˆ๊นŒ ์—ฌ๋Ÿฌ ์ƒ‰์„ ์กฐํ™”๋กญ๊ฒŒ ์„ž์–ด์„œ ์น ํ•˜๊ธฐ์—๋Š” RGB๋ณด๋‹ค HSLํŒ”๋ ˆํŠธ๊ฐ€ ํŽธํ•˜๋‹ค. ๋ฐ˜๋Œ€๋กœ ์›์ƒ‰ ๊ณ„์—ด๋กœ ์ดˆํ˜„์‹ค์ , ๋น„์‚ฌ์‹ค์ ์ธ ๊ทธ๋ฆผ์„ ๊ทธ๋ฆด ๋•Œ์—๋Š” RGB๋ณด๋‹ค ๋ถˆํŽธํ•˜๋‹ค.

3. ์—ฌ๋‹ด[ํŽธ์ง‘]

์ด์ƒ์šฐ ์ž‘๊ฐ€๊ฐ€ ์“ด ํ—ˆ์ƒ‰์ด๋ž€ ์†Œ์„ค์— ์ด ๋ชจํ˜•์ด ๋“ฑ์žฅํ•œ๋‹ค. ์ƒ‰ ๊ณต๊ฐ„์˜ ๋ชจ์–‘์€ ์›๊ธฐ๋‘ฅ์ด ์•„๋‹ˆ๋ผ ์—ญ ์›๋ฟ”์˜ ํ˜•ํƒœ์ด๋‹ค.[5] ๋ชจํ˜•์˜ ๊ผญ๋Œ€๊ธฐ๋Š” ํ‰ํ‰ํ•˜๊ณ , ๋ช…๋„๊ฐ€ ๋‚ฎ์•„์งˆ์ˆ˜๋ก ์ฑ„๋„์— ๋”ฐ๋ฅธ ์ƒ‰ ๋ณ€ํ™” ์ •๋„๊ฐ€ ์ค„์–ด๋“ ๋‹ค๋Š” ์ ์„ ๋ฐ˜์˜ํ•ด ๊ผญ๋Œ€๊ธฐ๊ฐ€ ์ œ์ผ ๋„“๊ณ  ์•„๋ž˜๋กœ ๋‚ด๋ ค๊ฐˆ์ˆ˜๋ก ๋„ˆ๋น„๊ฐ€ ์ข์•„์ง€๋‹ค๊ฐ€ ๋ฐ”๋‹ฅ์— ์ด๋ฅด๋Ÿฌ์„œ๋Š” ๋„ˆ๋น„๊ฐ€ ์—†์–ด์ ธ ๊ฒ€์€์ƒ‰์€ ๋”ฑ ํ•˜๋‚˜์˜ ์ ์œผ๋กœ ํ‘œํ˜„๋˜๊ฒŒ ํ•˜๋Š” ๋ชจํ˜•์ด๋‹ค.[6] ์ž‘ํ’ˆ ์ดˆ๋ฐ˜๋ถ€์— ์†Œ๊ฐœ๋œ ์ดํ›„ ์ค‘๊ฐ„์— ์ž ๊น ์–ธ๊ธ‰๋œ ๊ฒƒ ๋ง๊ณ ๋Š” ์ „ํ˜€ ๋“ฑ์žฅ์ด ์—†๋‹ค๊ฐ€, ์ด์•ผ๊ธฐ๊ฐ€ ๋‹ค ๋๋‚˜๊ณ  ์—ํ•„๋กœ๊ทธ์— ๊ฐ€์„œ์•ผ ์ฃผ์—ฐ๊ธ‰์˜ ๋น„์ค‘์œผ๋กœ ๋‹ค๋ฃจ์–ด์ง„๋‹ค.[7] ์ž‘ํ’ˆ์˜ ์†Œ์žฌ ์ž์ฒด๊ฐ€ ์ด ์„ธ์ƒ์— ์กด์žฌํ•˜์ง€ ์•Š์•˜๋˜ ์ƒ‰๋“ค์˜ ๋“ฑ์žฅ์ธ๋งŒํผ, ๊ธฐ์กด์˜ ์ƒ‰ ์ฒด๊ณ„๋ฅผ ๊นจ๋ถ€์ˆœ ์ƒˆ๋กœ์šด ์ƒ‰๋“ค์„ HSV์ƒ‰ ๊ณต๊ฐ„์— ๋„ฃ์œผ๋ฉด ์ƒ‰ ๊ณต๊ฐ„์ด ์–ด๋–ป๊ฒŒ ๋ณ€ํ•˜๋Š”์ง€๋ฅผ ๋ณด์—ฌ์ค€๋‹ค.

4. ๊ด€๋ จ ๋ฌธ์„œ[ํŽธ์ง‘]

[1] RGB, Lab๋Š” 3์ฐจ์› ๊ตฌ์กฐ, CMYK๋Š” 4์ฐจ์› ๊ตฌ์กฐ(๋‹จ K๋Š” ๋ฌผ๊ฐ์˜ 3์›์ƒ‰์— ์•ˆ๋“ค์–ด๊ฐ„๋‹ค)
[2] ๊ทธ๋ž˜์„œ ์ƒ‰๋„๋Š” ๋Œ€๊ฐœ ๊ฐ๋„ ๋‹จ์œ„๋กœ ํ‘œ์‹œํ•œ๋‹ค. ์›์ ์€ ์ˆœ์ˆ˜ํ•œ ๋นจ๊ฐ„์ƒ‰.
[3] ํฌํ† ์ƒต์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํ˜•์‹. ๋‹จ๋ฉด์ด ์‚ฌ๊ฐํ˜•์„ ๋ค๋‹ค. cylindrical coordinate
[4] ํŽ˜์ธํ„ฐ์—์„œ ์‚ฌ์šฉํ•˜๋Š” ํ˜•์‹. ๋‹จ๋ฉด์ด ์‚ผ๊ฐํ˜•์„ ๋ค๋‹ค.
[5] Value์™€ Lightness ๋‘˜ ๋‹ค ์šฐ๋ฆฌ๋ง๋กœ๋Š” '๋ช…๋„'์ด์ง€๋งŒ, ๋‘ ๊ฐœ๋…์€ ์ •์˜๊ฐ€ ์•ฝ๊ฐ„ ๋‹ค๋ฅด๊ธฐ ๋•Œ๋ฌธ์— Value๋ฅผ ์ฐจ์šฉํ•  ๊ฒฝ์šฐ ํฐ์ƒ‰์€ RGB์™€ ๊ฐ™์€ ๋ช…๋„๋ฅผ ์ง€๋‹Œ๋‹ค. ์ถœ์ฒ˜
[6] ๋‹ค๋งŒ ์—„๋ฐ€ํžˆ ๋งํ•˜๋ฉด ์ด๋•Œ์˜ ์ฑ„๋„๋Š” Saturation์ด ์•„๋‹ˆ๋ผ Chroma๊ฐ€ ๋˜์–ด์•ผ ํ•œ๋‹ค. ์ด ๋‘˜ ์—ญ์‹œ ์šฐ๋ฆฌ๋ง๋กœ ํ‘œํ˜„ํ•  ๋•Œ๋Š” ๊ฐ™์ง€๋งŒ ์›์–ด์—์„œ๋Š” ์—„๋ฐ€ํžˆ ๋‹ค๋ฅธ ๊ฐœ๋…์ด๋‹ค.
[7] ๋ง์ด ์ฃผ์—ฐ๊ธ‰์ด์ง€ ์‚ฌ์‹ค์ƒ ์ด ์†Œ์„ค์˜ ์—ํ•„๋กœ๊ทธ๋Š” HSV์ƒ‰ ๊ณต๊ฐ„ ์–˜๊ธฐํ•˜๋ ค๊ณ  ์“ฐ์—ฌ์ง„ ๊ฒƒ์ด๋‚˜ ๋‹ค๋ฆ„์—†๋‹ค.