본문 바로가기

HTML, CSS

[CSS] 색상 단위

색상단위

 

1. 색상이름 (color names)

영어로 된 색상이름 (red, yellow, white ... )

세세한 색깔을 나타내기 힘들어 자주 사용되지 않음.

 

2. 색상코드(color codes)

가장많이 사용하는 방식

#으로 시작, 숫자와 문자로 표현한 6자리

빨강, 초록, 파랑의 세기를 각각 두 자리씩 표기한 것 (ffffff)

 

3.RGB

16진수 대신 평소에 쓰는 10진수로 각 빛의 세기를 표시

0 ~ 255사이의 값을 쓴다.

rgb(0 ,0 ,255) = 빨강색

 

4.RGBA 

RGB 표기에다가 불투명도 (alpha)를 추가한 것

불투명도는 0 ~ 1 사이의 소숫점 숫자

rgba(255, 0, 0, 1) = 빨강색

rgba(255, 0, 0, 0.5) = 불투명한 빨강색

'HTML, CSS' 카테고리의 다른 글

[CSS] 불투명도: opacity  (0) 2023.04.14
[CSS] 그림자: box-shadow  (0) 2023.04.14
[CSS] 그라디언트: linear-gradient  (0) 2023.04.14
[CSS] 배경이미지: background-image  (0) 2023.04.14
[CSS] 크기 단위  (0) 2023.04.14