웹 안전 색상 팔레트
고전적인 216가지 웹 안전 색상을 클릭 가능한 스와치 그리드로 둘러보세요 — 색조 또는 큐브 순서로 정렬하고, 헥스로 필터링하며, 어떤 HEX나 rgb() 값이든 즉시 복사하세요.
HEX
RGB
가장 가까움
해당 헥스와 일치하는 웹 안전 색상이 없습니다.
216가지 웹 안전 색상은 각 RGB 채널에서 00, 33, 66, 99, CC, FF 레벨의 모든 조합입니다. 모든 처리가 브라우저에서 이뤄집니다 — 업로드 없음, 가입 없음, 완전 무료입니다.
웹 안전 색상 팔레트 소개
웹 세이프 색상 팔레트는 여섯 가지 RGB 채널 레벨(00, 33, 66, 99, CC, FF)로 만들어진 216가지 색상의 전형적인 세트로, 초기 디스플레이가 디더링 없이 렌더링할 수 있었던 6×6×6 색상 큐브입니다. 이 도구는 216개의 스와치 전체를 클릭 가능한 그리드로 배치해 몇 초 만에 훑어보고, 비교하고, 값을 가져올 수 있게 해줍니다.
원래의 큐브 순서로 팔레트를 볼 수도 있고, 색조(hue)별로 다시 정렬해 회색을 먼저 배치한 뒤 스펙트럼을 따라 걸어가는 순서로 볼 수도 있습니다. HEX 필터 상자는 입력하는 대로 그리드를 좁혀 주므로 33CC를 입력하면 그 숫자로 시작하는 스와치로 바로 이동합니다.
스와치를 클릭하면 즉시 HEX 코드가 복사되고, 일치하는 rgb() 값과 가장 가까운 CSS 명명 색상이 각각 자체 복사 버튼과 함께 담긴 상세 패널이 열립니다. 모든 작업이 브라우저에서 계산되므로 레트로 팔레트, 이메일 세이프 색상, 제한된 디자인 시스템을 위한 빠른 참고 자료가 됩니다.
웹 안전 색상 팔레트 사용 방법
- 도구를 열면 기본적으로 큐브 순서로 정렬된 216가지 웹 세이프 색상 전체를 스와치 그리드로 볼 수 있습니다.
- 회색을 먼저 보고 그다음 스펙트럼을 따라 그룹화된 색상을 보고 싶다면 정렬 순서를 "색조별"로 전환하세요.
- HEX 필터 상자에(예를 들어 33CC99) 입력해 해당 문자로 시작하는 HEX 코드를 가진 스와치로 그리드를 좁히세요.
- 아무 스와치나 클릭하세요. HEX 값이 바로 클립보드에 복사되고 그리드 아래에 상세 패널이 열립니다.
- 상세 패널의 복사 버튼을 사용해 HEX 코드, rgb() 값, 또는 가장 가까운 CSS 명명 색상을 가져오세요.
자주 묻는 질문
빨강, 초록, 파랑 채널에서 00, 33, 66, 99, CC, FF 값을 조합해 만들어지는 216가지 색상입니다. 이 6×6×6 큐브는 8비트 디스플레이가 디더링 없이 일관되게 표시할 수 있었던 팔레트였습니다.
현대 화면은 수백만 가지 색상을 표시하므로 그 제약은 역사적인 것입니다. 이 팔레트는 여전히 레트로 디자인, 픽셀 아트, 빠른 프로토타입, 제한된 브랜드나 이메일 팔레트를 위한 간결하고 균등하게 배치된 색상 세트로 유용합니다.
선택한 각 스와치는 복사 가능한 세 가지 값을 제공합니다: HEX 코드(예: #33CC99), 그에 상응하는 rgb() 표기법, RGB 거리로 계산된 가장 가까운 CSS 명명 색상입니다. 그리드에서 스와치를 클릭하면 HEX도 즉시 복사됩니다.
도구는 선택한 스와치를 표준 CSS 색상 이름의 내장 목록과 비교해 RGB 거리 기준으로 가장 가까운 매칭을 반환합니다. 매칭이 정확하지 않을 때는 ≈ 기호와 함께 근사치로 표시됩니다.
네. 216가지 색상 전체 그리드, 색조별 정렬, HEX 필터, 모든 복사 동작은 회원가입 없이 무료입니다. 팔레트는 서버 요청 없이 전적으로 브라우저에서 생성되고 정렬됩니다.
도움이 필요하신가요?
이 도구에서 문제를 발견하셨나요? 저희 팀에 알려주세요.