색상

배색을 정하는 단계부터 구현 후 접근성 확인까지를 아우릅니다. RGB・HEX・HSL・HSV・CMYK 상호 변환과 색상 선택기에 더해, WCAG 기준의 명도 대비 확인, 색각 다양성 시뮬레이션, 웹 표준색과 머티리얼 디자인 팔레트, 이미지에서 주요 색상 추출, 반투명 색(RGBA)을 배경과 합성해 불투명 색으로 바꾸는 기능을 지원합니다.

RGB⇄16진수(HEX) 색상 코드 변환｜무료・가입 불필요

RGB 10진수 값과 16진수 색상 코드를 즉시 상호 변환합니다. CSS 작성이나 디자인 툴에서 색상 코드를 확인·변환할 때 바로 사용할 수 있습니다. 무료로 가입 없이 이용 가능합니다.

색상 모델 변환 도구（RGB・HSL・HSV・CMYK）

HEX 색상 코드를 입력하거나 색상 선택기로 색을 고르면, RGB・HSL・HSV（HSB）・CMYK 네 가지 색상 모델의 값을 한 번에 계산하여 보여줍니다.

명암비 검사기 (WCAG 기준 판정)

두 가지 색상을 입력하면 WCAG(Web Content Accessibility Guidelines) 명암비를 계산하여 AA·AAA 기준 충족 여부를 판정합니다.

색맹·색약 시뮬레이터 (색각 다양성)

지정한 색상이 P형·D형·T형 색각 다양성(색맹·색약)을 가진 사람에게 어떻게 보이는지 간이 시뮬레이션하는 무료 도구입니다.

컬러 팔레트 모음 ― 웹 표준 색상과 Material Design 색상을 복사해서 쓰기

웹 표준 색상, Material Design 색상 시스템, 그레이스케일 램프 등 디자인에서 자주 찾는 정평 있는 팔레트를 HEX 코드와 함께 모아 보여줍니다. 클릭 한 번으로 HEX 코드를 복사할 수 있습니다.

이미지에서 색상 추출 (대표 색상 추출 도구)

이미지를 업로드하면 사진이나 그림에서 사용된 대표 색상(도미넌트 컬러)을 자동으로 추출합니다. 모든 처리는 브라우저 내에서 이루어지며, 이미지는 서버로 전송되지 않습니다.

RGBA를 RGB로 변환하는 도구 (배경색 합성)

반투명한 전경색(RGBA)과 배경색을 지정하면 알파 블렌딩을 통해 두 색을 합성한 불투명 RGB 색상을 계산합니다. rgba() 미지원 환경을 위한 대체 색상 생성에 유용합니다.