웹 안전 색상 (216색)

"웹 안전" 색상 216색은 채널마다 00, 33, 66, 99, CC, FF의 여섯 단계를 조합한 것으로, 1990년대 브라우저가 256색 화면에서 디더링 없이 보여 줄 수 있었던 색입니다. 이 페이지는 216색을 차트와 표로 모두 보여 주고, 어떤 코드든 가장 가까운 웹 안전 색(그리고 4096가지 "웹 스마트" 색 중 가장 가까운 색)을 찾아 줍니다. 지각되는 차이 ΔE2000도 함께 보여 주므로 색이 얼마나 바뀌는지 알 수 있습니다.

사용 방법

1. 색상을 입력하거나, 비워 두고 팔레트만 둘러봅니다.
2. 가장 가까운 웹 안전 코드와 웹 스마트 코드, 그리고 각각의 ΔE2000을 확인합니다.
3. 차트를 활용하세요. 큰 블록 여섯 개는 빨강 단계, 아래로는 초록, 가로로는 파랑입니다.
4. 표에서 코드를 복사합니다. 각 색에는 3자리 짧은 형태도 있습니다.

계산식

웹 안전 채널 = round(c ÷ 51) × 51 · 웹 스마트 채널 = round(c ÷ 17) × 17

c는 0~255의 채널 값입니다. 51의 배수는 0x00, 0x33, 0x66, 0x99, 0xCC, 0xFF이고, 17의 배수는 같은 숫자 두 개로 된 0x00, 0x11 … 0xFF로, 바로 3자리 HEX 코드가 만들 수 있는 값들입니다.

예시

다저 블루 #1E90FF = rgb(30, 144, 255)에서 30 ÷ 51 = 0.59는 1로 반올림되어 33, 144 ÷ 51 = 2.82는 3으로 반올림되어 99, 255는 FF 그대로이므로 가장 가까운 웹 안전 색은 #3399FF입니다. 17단계로는 #2288FF가 됩니다. CSS의 gray #808080은 #999999(웹 안전)와 #888888(웹 스마트)로 바뀝니다.