CSS 색상

JungChihoon·2020년 3월 31일
0

css 색상을 표현하는 3가지 방법

  1. 색상명
    색상명을 쓴다.
.test {
background-color: red;
  1. hexadecimal code (16진수 표현법)
    16진수를 사용하여 색상을 표현한다.
.test {
background-color: #FF0000;

위의 코드의 FF0000이 뜻하는 것은 red: FF, green: 00, blue: 00을 16진수로 나타낸 것을 표현한 것이다.
00이 가장 작은 수, FF가 가장 큰 수 이고 큰 숫자가 될 수록 밝은 색을 나타낸다.

  • 축약형
    hex code를 축약하여 표현 할 수도 있다.
.test {
background-color: #F00;
  1. RGB 표현법
    Red, Green, Blue를 숫자로 표현해 색상을 나타내는 방법이다.
    숫자가 클수록 밝은 색을 나타낸다.
    @참고 : 최대숫자가 255인 이유는 16*16 = 256가지의 색을 나타내고 0~255는 256개의 숫자이기 때문이다.
.test {
background-color: rgb(255, 0, 0);
profile
주니어 개발자

0개의 댓글