도구
무료, 즉시, 전부 브라우저에서 실행됩니다.
색 변환
HEX · RGB · HSL · OKLCH · Lab · CMYK
전체 보기WCAG 대비
비율 및 AA/AAA 판정
전체 보기색각 시뮬레이션
적색 / 녹색 / 청색 색각
전체 보기이미지에서 색 추출
이미지에서 로컬로 색 추출
전체 보기CSS 그라디언트
지각 균일 그라디언트 생성
전체 보기팔레트 생성
임의 색에서 하모니 생성
전체 보기색 혼합
Lab / OKLCH 다색 혼합
전체 보기ΔE 색차
CIELAB ΔE76 및 OKLCH 거리
전체 보기일괄 변환
색 목록 일괄 변환
전체 보기RAL 매핑
RAL ↔ HEX / OKLCH
전체 보기색상 스케일 생성
모든 색에서 50–950 스케일과 CSS 내보내기
전체 보기가장 가까운 색 찾기
HEX를 전통색, Tailwind, Material, RAL과 매칭
전체 보기전통색 배색
계절·오행·조화 규칙으로 아시아 전통색 배색
전체 보기대비 그리드
색 목록의 N×N WCAG 매트릭스
전체 보기색각 팔레트 검사
팔레트를 시뮬레이션하고 혼동 쌍 표시
전체 보기메시 그라디언트
레이어형 방사형 그라디언트와 CSS/SVG 내보내기
전체 보기디자인 시스템 팔레트
하나의 기준 색상에서 프레임워크용 색상 스케일과 토큰을 생성합니다.
Material Design 톤
M3 톤 팔레트와 색상 역할
전체 보기Tailwind CSS 팔레트
50–950 유틸리티 색상 생성
전체 보기UnoCSS 팔레트
아토믹 CSS 색상 스케일
전체 보기Panda CSS 토큰
Panda CSS 토큰 객체
전체 보기Vanilla Extract 테마
테마 계약과 CSS 변수
전체 보기StyleX 토큰
StyleX 디자인 토큰
전체 보기Bootstrap 팔레트
테마 색상과 시맨틱 토큰
전체 보기Ant Design 팔레트
1–10 단계 프리셋 팔레트
전체 보기Open Color
오픈소스 UI 색상 구성
전체 보기Chakra UI 팔레트
50–950 테마 컬러 스케일
전체 보기Radix Colors
앱 UI용 12단계 스케일
전체 보기Fluent UI 브랜드 컬러
Microsoft 브랜드 램프 10–160
전체 보기Primer 팔레트
GitHub 디자인 시스템 토큰
전체 보기Polaris 팔레트
Shopify 어드민 컬러 토큰
전체 보기