HTML5 & CSS3

[HTML5 & CSS3] μ›Ήμ—μ„œ 색상 ν‘œν˜„ν•˜κΈ°

μ½”λ”©ν•˜λŠ” λΆ•μ–΄ 2021. 2. 3. 03:02
λ°˜μ‘ν˜•

β–Ά μ›Ήμ—μ„œ 색상 ν‘œν˜„ν•˜κΈ°

* 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

λ°˜μ‘ν˜•