๐ŸŽฎ ๊ฒŒ์ž„ ๊ฐœ๋ฐœ ๋ฐฐ์šฐ๊ธฐ โ€“ 5์ผ์ฐจ ์ƒ‰์ฑ„ ์ด๋ก  ๊ธฐ๋ณธ

๋ฐœํ–‰: (2025๋…„ 12์›” 31์ผ ์˜คํ›„ 06:36 GMT+9)
3 min read
์›๋ฌธ: Dev.to

Source: Dev.to

์ƒ‰์ฑ„ ์ด๋ก ์˜ ๊ธฐ๋ณธ

๊ฒŒ์ž„ ๋””์ž์ธ์„ ๋งค์ผ ๋ฐฐ์šฐ๋Š” ์—ฌ์ •์˜ 5์ผ ์ฐจ์— ์ƒ‰์ฑ„ ์ด๋ก ์˜ ๊ธฐ๋ณธ์„ ์‚ดํŽด๋ณด์•˜์Šต๋‹ˆ๋‹ค. ๊ฒŒ์ž„ ๋””์ž์ธ์—์„œ ์ƒ‰์€ ๋‹จ์ˆœํžˆ ์žฅ์‹์ ์ธ ์š”์†Œ๊ฐ€ ์•„๋‹ˆ๋ผ ๋ถ„์œ„๊ธฐ, ๋ช…๋ฃŒ์„ฑ, ๊ทธ๋ฆฌ๊ณ  ํ”Œ๋ ˆ์ด์–ด ๊ฒฝํ—˜์— ์˜ํ–ฅ์„ ์ค๋‹ˆ๋‹ค.

Hue (์ƒ‰์ƒ)

  • ํฐ์ƒ‰, ๊ฒ€์€์ƒ‰, ํšŒ์ƒ‰์„ ์ „ํ˜€ ์„ž์ง€ ์•Š์€ ์ˆœ์ˆ˜ํ•œ ์ƒ‰โ€”์˜ˆ: ๋นจ๊ฐ•, ํŒŒ๋ž‘, ๋…ธ๋ž‘.

Value (๋ช…๋„)

  • Tint (ํ†ค): ์ƒ‰์ƒ์— ํฐ์ƒ‰์„ ์„ž์–ด ๋ฐ๊ฒŒ ๋งŒ๋“  ๊ฒƒ.
  • Shade (์Œ์˜): ์ƒ‰์ƒ์— ๊ฒ€์€์ƒ‰์„ ์„ž์–ด ์–ด๋‘ก๊ฒŒ ๋งŒ๋“  ๊ฒƒ.

์˜ˆ์‹œ: ๋นจ๊ฐ•์„ ๊ธฐ๋ณธ ์ƒ‰์ƒ์œผ๋กœ ํ•  ๋•Œ, ๊ฒ€์€์ƒ‰์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์ ์  ์–ด๋‘์šด ๋นจ๊ฐ•์ด ๋˜๊ณ , ํฐ์ƒ‰์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์ƒ‰์ด ๋ฐ์•„์ง‘๋‹ˆ๋‹ค.

Saturation (์ฑ„๋„)

  • ์ƒ‰์ƒ์— ํฐ์ƒ‰๊ณผ ๊ฒ€์€์ƒ‰์„ ๋ชจ๋‘ ์„ž์œผ๋ฉด ํšŒ์ƒ‰์ด ๋˜๋ฉฐ, ์ด๋Š” ์™„์ „ํžˆ ํƒˆ์ฑ„๋„๋œ ์ƒ‰์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์ƒ‰(Polychromatic) ์ƒ‰๊ณผ ์ƒ‰์ƒ ํœ 

๋‹ค์ƒ‰ ์ƒ‰์ƒ ์‚ฌ์šฉ์€ RGB ๊ฐ’์„ ์กฐํ•ฉํ•˜์—ฌ ๋‹ค์Œ์„ ๋งŒ๋“ค ๋•Œ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค:

  • Primary colors (์ฃผ์ƒ‰)
  • Secondary colors (๋ณด์ƒ‰) (์ฃผ์ƒ‰โ€ฏ+โ€ฏ์ฃผ์ƒ‰)
  • Tertiary colors (์‚ผ์ฐจ์ƒ‰) (์ฃผ์ƒ‰โ€ฏ+โ€ฏ๋ณด์ƒ‰)

์ด๋Ÿฌํ•œ ์กฐํ•ฉ์€ ์ƒ‰์ƒ ํœ ์„ ํ˜•์„ฑํ•˜๋ฉฐ, ๋””์ž์ด๋„ˆ๊ฐ€ ๊ฐ์— ์˜์กดํ•˜์ง€ ์•Š๊ณ  ์˜๋„์ ์œผ๋กœ ์ƒ‰์„ ์„ ํƒํ•˜๋„๋ก ๋„์™€์ค๋‹ˆ๋‹ค.

์ƒ‰์ƒ ๊ด€๊ณ„

์ƒ‰์ƒ ํœ ์„ ์ดํ•ดํ•˜๋ฉด ๋‹ค์–‘ํ•œ ์ƒ‰์ƒ ๊ด€๊ณ„๋ฅผ ํ™œ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค:

  • Warm colors (๋”ฐ๋œปํ•œ ์ƒ‰): ๋นจ๊ฐ•, ์ฃผํ™ฉ, ๋…ธ๋ž‘ (ํ™œ๊ธฐ์ฐจ๊ณ  ๊ฐ•๋ ฌํ•จ)
  • Cool colors (์ฐจ๊ฐ€์šด ์ƒ‰): ํŒŒ๋ž‘, ์ดˆ๋ก, ๋ณด๋ผ (์ฐจ๋ถ„ํ•˜๊ณ  ํŽธ์•ˆํ•จ)
  • Complementary colors (๋ณด์ƒ‰): ํœ ์—์„œ ์„œ๋กœ ๋งˆ์ฃผ ๋ณด๋Š” ์ƒ‰
  • Split complementary (๋ถ„ํ•  ๋ณด์ƒ‰): ๊ธฐ๋ณธ ์ƒ‰ ํ•˜๋‚˜์™€ ๊ทธ ๋ณด์ƒ‰์˜ ์–‘์ชฝ ์ด์›ƒ ์ƒ‰ ๋‘ ๊ฐœ
  • Analogous colors (์œ ์‚ฌ์ƒ‰): ํœ ์—์„œ ์„œ๋กœ ์ธ์ ‘ํ•œ ์ƒ‰๋“ค
  • Triadic colors (์‚ผ์›์ƒ‰): ํœ ์„ ๊ท ๋“ฑํ•˜๊ฒŒ 3๋“ฑ๋ถ„ํ•œ ์ƒ‰๋“ค
  • Tetradic colors (์‚ฌ์›์ƒ‰): ๋‘ ์Œ์˜ ๋ณด์ƒ‰ ๊ด€๊ณ„์— ์žˆ๋Š” ์ƒ‰๋“ค

์ด ์ค‘ ์–ด๋А ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•˜๋“  ๊ฒŒ์ž„ ์†Œํ’ˆ, ํ™˜๊ฒฝ, UI ๋“ฑ์„ ๊ท ํ˜• ์žกํžˆ๊ณ  ์˜๋„์ ์ธ ๋ฐฉ์‹์œผ๋กœ ์ƒ‰์น ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.


์ฒœ์ฒœํžˆ ์ง„ํ–‰ํ•˜๊ณ  ์žˆ์ง€๋งŒ ํƒ„ํƒ„ํ•œ ๊ธฐ์ดˆ๋ฅผ ๋‹ค์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๋Ÿฌ๋ถ„๋„ ๊ฒŒ์ž„ ๊ฐœ๋ฐœ์„ ๋ฐฐ์šฐ๊ณ  ์žˆ๋‹ค๋ฉด ํ•จ๊ป˜ ๋”ฐ๋ผ์™€ ์ฃผ์„ธ์š”. ๋‹ค์Œ 6์ผ ์ฐจ์— ๋งŒ๋‚˜์š”! ๐ŸŽฎ๐Ÿš€

Back to Blog

๊ด€๋ จ ๊ธ€

๋” ๋ณด๊ธฐ ยป

๐ŸŽฎ ๊ฒŒ์ž„ ๊ฐœ๋ฐœ ํ•™์Šต โ€“ Day 4

๋‚ด ์ฒซ ๋ฒˆ์งธ ์–ธ๋ฆฌ์–ผ ์—”์ง„ ์‚ฌ์šฉ์ผ ์ด ๊ฒŒ์‹œ๋ฌผ์€ ๊ฒŒ์ž„ ๋””์ž์ธ ๋ฐ ๊ฐœ๋ฐœ์— ๋Œ€ํ•œ ๋‚˜์˜ ์ผ์ผ ํ•™์Šต ์—ฌ์ •์˜ ์ผ๋ถ€์ž…๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋งค์ผ ๋ฐฐ์šฐ๋Š” ๋‚ด์šฉ์„ ๊ณต์œ ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค โ€” ๊ธฐ๋ณธ์ ์ธ ๋‚ด์šฉ๋ถ€ํ„ฐ...

๐Ÿ•น๏ธ Game Designer ๋˜๋Š” Game Developer? ๋„ˆ๋ฌด ์ผ์ฐ ๊ฒฐ์ •ํ•˜์ง€ ๋งˆ์„ธ์š”

๋งŽ์€ ์ดˆ๋ณด์ž๋“ค์ด ์ด ์งˆ๋ฌธ์„ ํ•ฉ๋‹ˆ๋‹ค: โ€œ๊ฒŒ์ž„ ๋””์ž์ด๋„ˆ๊ฐ€ ๋ ๊นŒ, ๊ฒŒ์ž„ ๊ฐœ๋ฐœ์ž๊ฐ€ ๋ ๊นŒ?โ€ ์ œ ์†”์งํ•œ ์กฐ์–ธ์€ ๊ฐ„๋‹จํ•ฉ๋‹ˆ๋‹ค โ€” ์ฒ˜์Œ์— ๊ฒฐ์ •์„ ๋‚ด๋ฆฌ์ง€ ๋งˆ์„ธ์š”. ์šฐ์„ , ๋ฐฐ์šฐ...

๋‚˜๋Š” ๋ช…ํ™•์„ฑ์— ์ดˆ์ ์„ ๋งž์ถ˜ ๋ฌด๋ฃŒ EMI ๊ณ„์‚ฐ๊ธฐ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค (๊ด‘๊ณ  ์—†์Œ)

๋‚ด๊ฐ€ ์ƒˆ๋กœ์šด EMI ๊ณ„์‚ฐ๊ธฐ๋ฅผ ๋งŒ๋“  ์ด์œ ๋Š” ๋Œ€๋ถ€๋ถ„์˜ ์˜จ๋ผ์ธ EMI ๊ณ„์‚ฐ๊ธฐ๋“ค์ด ๊ด‘๊ณ ๋กœ ๊ฐ€๋“ ์ฐจ ์žˆ๊ฑฐ๋‚˜ ์ˆซ์ž๋ฅผ ๋ช…ํ™•ํžˆ ์„ค๋ช…ํ•˜์ง€ ๋ชปํ•œ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•˜๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. ๋งŽ์€ ์‚ฌ๋žŒ๋“ค์—๊ฒŒ...