새로운 질서 위키

CSS 색상 값 앞에 샵 붙이기

디자인 도구에서 복사한 색상 숫자가 CSS에서 먹히지 않는다면 맨 앞을 보자. 16진수 색상 표기에는 #이 필요하다.

  1. color: ff6600; 대신 color: #ff6600;처럼 쓴다.
  2. 여섯 자리와 세 자리 표기는 다르게 읽힌다. #f60은 각 자리를 두 번씩 쓴 #ff6600과 같다.
  3. red 같은 색상 이름이나 rgb() 함수 앞에는 #을 붙이지 않는다. 이 방법은 16진수 표기에만 해당한다.

색상 코드의 첫 글자 하나가 빠져도 화면은 아무 일 없는 얼굴을 할 수 있다. 큰 수리 전에 작은 기호부터 확인하자.

.caption {
  color: #ff6600;
}

참고: MDN의 16진수 색상 문법

#사소한기술