웹 안전색 차트

웹 안전색 차트이자 변환기입니다. 216색은 각 채널이 00, 33, 66, 99, CC, FF입니다. HEX를 붙이면 가장 가까운 안전색으로 맞춥니다. #3B82F6은 #3399FF가 됩니다.

#3B82F6
#3399FF

클릭하면 복사됩니다

예제 — 스와치를 클릭

셀이나 표 행을 누르면 HEX가 복사됩니다.

HEX R G B H S L

웹 안전색 차트

웹 안전색 차트이자 변환기입니다. Netscape 216색은 채널마다 00, 33, 66, 99, CC, FF입니다(6³ = 216). HEX / rgb() / hsl()을 붙이면 각 채널이 51의 배수로 맞춰집니다. #3B82F6은 #3399FF. #000000, #FFFFFF, 회색 #333333 / #666666 / #999999 / #CCCCCC도 들어 있습니다. 요즘 화면에는 필요 없고 GIF·옛 명세 대조용입니다.

사용 방법

  1. HEX를 붙이거나 색을 고릅니다. 오른쪽이 안전색입니다. 카드는 RGB와 HSL입니다.
  2. 칩으로 HEX, rgb(), hsl()을 복사합니다. 결과 복사는 안전 HEX입니다.
  3. 예시는 #3B82F6 → #3399FF. #FF5733 → #FF6633, #808080 → #999999.
  4. 216색을 RGB 큐브·색상·명도로 정렬하고 HEX로 거릅니다. 셀이나 행을 누르면 HEX가 복사됩니다.
  5. HEX 모두 복사는 지금 보이는 목록입니다. 스포이드는 지원 브라우저에서 화면 픽셀을 읽습니다.

6 × 6 × 6 큐브

채널은 0, 51, 102, 153, 204, 255. 반올림은 51 × round(n / 51). 표는 HEX, R, G, B, H, S, L. 큐브는 R이 가장 느리게 바뀝니다. 색상 정렬은 S 0%를 먼저, 그다음 30° 구간. 명도는 20% 폭. 필터는 # 없는 부분 일치입니다.

어디에 쓰나

  • GIF 팔레트, 옛 HTML 차트 대조.
  • 256색 화면에서 웹 안전색이 필요했던 이유 설명.
  • 레트로 목업. 요즘 UI의 기본값은 아닙니다.

자주 묻는 질문

지금도 필수인가요?

아닙니다. 트루컬러 화면은 216색보다 훨씬 많습니다.

왜 #3B82F6 → #3399FF인가요?

R 59 → 51(#33), G 130 → 153(#99), B 246 → 255(#FF).

업로드되나요?

아닙니다. 216색은 페이지에서 만듭니다.

관련 도구

HEX to RGB: HEX to RGB. HSL: Color Converter. PDF: Color Palette.