๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
HTML5 & CSS3

[HTML5 & CSS3] ์›น์—์„œ ์ƒ‰์ƒ ํ‘œํ˜„ํ•˜๊ธฐ

by ์ฝ”๋”ฉํ•˜๋Š” ๋ถ•์–ด 2021. 2. 3.
๋ฐ˜์‘ํ˜•

โ–ถ ์›น์—์„œ ์ƒ‰์ƒ ํ‘œํ˜„ํ•˜๊ธฐ

* 16์ง„์ˆ˜ ํ‘œ๊ธฐ๋ฒ•

์˜ˆ) #ff0000 ๋“ฑ๋“ฑ

โ€‹

 

* RGB์™€ RGBA ํ‘œ๊ธฐ๋ฒ•

rgb(red ๊ฐ’, green ๊ฐ’, blue ๊ฐ’);
rgba(red ๊ฐ’, green ๊ฐ’, blud ๊ฐ’, alpha ๊ฐ’);

 

โ€‹

* hsl๊ณผ hsla ํ‘œ๊ธฐ๋ฒ•

RGB์™ธ์— ์ƒ‰์ƒ์„ ํ‘œ๊ธฐํ•˜๋Š” ๋ฐฉ๋ฒ•. hue(์ƒ‰์ƒ), saturation(์ฑ„๋„), lightness(๋ฐ๊ธฐ)

hsl(<hue ๊ฐ’>, <saturation ๊ฐ’>, <lightness ๊ฐ’>);
hsla(<hue ๊ฐ’>, <saturation ๊ฐ’>, <lightness ๊ฐ’>, <alpha ๊ฐ’>);

โ€‹

 

* ์ƒ‰์ƒ ์ด๋ฆ„ ํ‘œ๊ธฐ๋ฒ•

์ƒ‰ ์ด๋ฆ„์œผ๋กœ ํ‘œ๊ธฐํ•˜๋Š” ๋ฒ•

์˜ˆ) white, red, yellow ๋“ฑ

โ€‹

 

* ์ƒ‰์ƒ ์ถ”์ถœ ์‚ฌ์ดํŠธ ์ด์šฉํ•˜๊ธฐ

๋Œ€ํ‘œ์ ์ธ ์‚ฌ์ดํŠธ๊ฐ€ Color Picker

๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€