100% 브라우저 내 실행
색상 도구
디자이너와 개발자를 위한 무료 색상 도구입니다 — HEX, RGB, HSL, CMYK, HSV 등 간 변환, 조화로운 팔레트 구성, WCAG 대비 확인, 색상 혼합과 명암 조절, 가장 가까운 명명된 색상 찾기까지 제공합니다.
◑
색상 팔레트 생성기
임의의 기준 색상으로부터 보색, 유사색, 3색, 4색 팔레트를 생성합니다.
◐색상 대비 검사기
텍스트와 배경 색상 간의 WCAG 대비율을 확인하고 AA/AAA 결과를 보여줍니다.
◓색상 혼합기
두 색상을 조절 가능한 비율로 섞어 그 결과 HEX 값을 구합니다.
▦색상 음영 & 틴트
임의의 기준 색상으로부터 더 밝은 틴트와 더 어두운 음영의 범위를 생성합니다.
🎨CSS 이름 있는 색상
140개 이상의 CSS 이름 있는 색상을 HEX 값과 함께 둘러보고 검색합니다.
⚂랜덤 색상 생성기
랜덤 색상을 생성하고 HEX, RGB, HSL로 확인합니다.
◔색맹 시뮬레이터
적색맹, 녹색맹, 청색맹에서 색상이 어떻게 보이는지 시뮬레이션합니다.
#αHEX ⇄ RGBA
알파를 포함한 HEX 색상 코드와 rgba() 표기를 상호 변환하며 실시간 미리보기를 제공합니다.
#?CSS 색상 형식 변환기
하나의 색상을 hex, rgb(), hsl(), hwb() 등 모든 CSS 형식으로 표시합니다.
twTailwind 팔레트 생성기
기준 색상에서 Tailwind 스타일의 50~950 음영 단계를 생성합니다.
🖼◑이미지 색상 추출기
업로드한 이미지에서 주요 색상을 hex 견본으로 추출합니다.
◐◑듀오톤 생성기
복사 가능한 CSS와 함께 두 가지 색상의 듀오톤 그라데이션을 만듭니다.
cmykCMYK → RGB 변환기
실시간 색상 견본과 함께 CMYK와 RGB/HEX 간에 색상을 변환합니다.
hsvHSV / HSB 변환기
실시간 색상 견본과 함께 HSV/HSB와 RGB/HEX 간에 색상을 변환합니다.
◑?가장 가까운 색상 이름
선택한 색상에 가장 가까운 CSS 색상 이름을 찾습니다.
#abc텍스트로 만드는 색상
임의의 텍스트 문자열에서 결정적인 색상을 생성합니다.