Color Converter & Palette Generator

HEX, RGB, HSL, CMYK 간 색상 변환, 팔레트 생성 및 대비 확인.

{{ line }}
보색
{{ col }}
유사색
{{ col }}
트라이애드
{{ col }}
분할 보색
{{ col }}
샘플 텍스트 흰색 텍스트
대비 비율: {{ whiteContrast }}:1
WCAG AA 일반 텍스트: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA 큰 텍스트: {{ whiteContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA 일반 텍스트: {{ whiteContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA 큰 텍스트: {{ whiteContrastVal >= 4.5 ? __t('pass') : __t('fail') }}
샘플 텍스트 검정 텍스트
대비 비율: {{ blackContrast }}:1
WCAG AA 일반 텍스트: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }} | WCAG AA 큰 텍스트: {{ blackContrastVal >= 3 ? __t('pass') : __t('fail') }}
WCAG AAA 일반 텍스트: {{ blackContrastVal >= 7 ? __t('pass') : __t('fail') }} | WCAG AAA 큰 텍스트: {{ blackContrastVal >= 4.5 ? __t('pass') : __t('fail') }}

색상 변환기란 무엇인가요?

색상 변환기는 HEX, RGB, HSL, CMYK 등 다양한 색상 공간 간에 색상 값을 즉시 변환할 수 있습니다. 웹 디자이너와 개발자는 상황에 따라 다른 색상 형식을 사용합니다.

색상 공간 설명: HEX, RGB, HSL, CMYK

HEX는 CSS에서 일반적으로 사용되는 6자리 16진수 값(#RRGGBB)입니다. RGB는 빨강, 초록, 파랑 값(0-255)으로 색상을 정의합니다. HSL은 색상(0-360°), 채도, 명도로 색상을 설명합니다. CMYK(시안, 마젠타, 노랑, 검정)는 인쇄에 사용됩니다.

색채 이론과 조화

색상 조화는 색상환에서 색상의 위치를 기반으로 합니다. 보색은 반대(180°)에 있어 최대 대비를 만듭니다. 유사색은 인접(±30°)하여 조화롭습니다. 트라이애드는 등간격(120°)으로 활기찬 조합을 제공합니다. 분할 보색은 보색의 양쪽 이웃을 사용합니다.