CSS 색 이름 141가지

CSS 에는 헥스 코드 대신 이름을 그대로 적을 수 있는 색이 141가지 있습니다. tomato, rebeccapurple, gainsboro 같은 것들입니다. 현대적인 팔레트로 설계된 목록이 아닙니다. 대부분 1980년대 X11 윈도 시스템에서 넘어온 것이라, 회색 계열이 철자만 다르게 열 가지나 있고 주황은 HTML 4 에서야 추가됐습니다.

이름은 초안을 잡을 때 편합니다. background: tomato 는 한눈에 읽히고 따로 찾아볼 필요가 없습니다. 다만 완성 단계에는 잘 맞지 않습니다. 정작 필요한 자리에 구멍이 있기 때문입니다. steelblue 와 slategray 사이의 차분한 파랑이 없고, 초록은 limegreen 에서 forestgreen 으로 건너뛰며 그 사이가 비어 있습니다.

철자에 관해 두 가지는 알아 둘 만합니다. gray 와 grey 는 어디서나 똑같이 동작하고 뜻도 같습니다. 이를 포함한 합성어도 마찬가지입니다. 그리고 rebeccapurple 은 2014년에 Eric Meyer 의 딸을 기려 추가된 색으로, CSS 색 이름 중 유일하게 헌정의 의미가 담긴 이름입니다.

아래 색을 누르면 일곱 가지 형식의 코드, 밝기 단계, 배색 팔레트, 흰색·검정 대비 검사가 있는 페이지가 열립니다. 그 페이지들은 읽을거리라기보다 도구라서 검색 결과에는 넣지 않았습니다. 스와치를 눌러 들어가시면 됩니다.