๐จ
์์ ๋ณํ๊ธฐ
HEX, RGB, HSL ์์ ๊ฐ์ ๋ณํํฉ๋๋ค
๐ ์ฌ์ฉ๋ฒ
- HEX, RGB, ๋๋ HSL ์ค ํ๋์ ๊ฐ์ ์ ๋ ฅํ์ธ์
- ์๋์ผ๋ก ๋ค๋ฅธ ํ์์ผ๋ก ๋ณํ๋ฉ๋๋ค
- ์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ๋ฅผ ํ์ธํ์ธ์
- ํ์ํ ํ์์ ๊ฐ์ ๋ณต์ฌํ์ธ์
โจ ์ฃผ์ ๊ธฐ๋ฅ
- โHEX โ RGB โ HSL ๋ณํ
- โ์ค์๊ฐ ์์ ๋ฏธ๋ฆฌ๋ณด๊ธฐ
- โ์ปฌ๋ฌ ํผ์ปค ์ง์
- โํฌ๋ช ๋(Alpha) ์ง์
- โCSS ์ฝ๋ ๋ณต์ฌ
โ ์์ฃผ ๋ฌป๋ ์ง๋ฌธ
Q. HEX์ RGB์ ์ฐจ์ด๋?
A. HEX๋ 16์ง์(#FF0000), RGB๋ 10์ง์(255, 0, 0)๋ก ๊ฐ์ ์์์ ํํํฉ๋๋ค. CSS์์ ๋ ๋ค ์ฌ์ฉ ๊ฐ๋ฅํฉ๋๋ค.
Q. HSL์ ์ธ์ ์ฌ์ฉํ๋์?
A. HSL์ ์์ ์กฐ์ ์ด ์ง๊ด์ ์ ๋๋ค. ๋ฐ๊ธฐ๋ ์ฑ๋๋ฅผ ์กฐ์ ํ ๋ ์ ์ฉํฉ๋๋ค.
๐ ๊ด๋ จ ๋๊ตฌ
์ด ํฌ์คํ ์ ์ฟ ํก ํํธ๋์ค ํ๋์ ์ผํ์ผ๋ก, ์ด์ ๋ฐ๋ฅธ ์ผ์ ์ก์ ์์๋ฃ๋ฅผ ์ ๊ณต๋ฐ์ต๋๋ค.