๐ฎ ๊ฒ์ ๊ฐ๋ฐ ๋ฐฐ์ฐ๊ธฐ โ 5์ผ์ฐจ ์์ฑ ์ด๋ก ๊ธฐ๋ณธ
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์ผ ์ฐจ์ ๋ง๋์! ๐ฎ๐