색상 코드 변환
HEX, RGB, HSL과 투명도를 변환하고 색을 미리 보며 바로 쓸 수 있는 CSS 값을 복사합니다.
색상 팔레트 만들기
기준색으로 보색·유사색·삼각 배색·단색 팔레트를 만들고 HEX, CSS, JSON으로 저장하세요.
색을 누르면 HEX 값을 복사합니다. 글자는 검정과 흰색 중 WCAG 대비가 높은 색을 사용합니다. 팔레트 색은 불투명합니다.
도구 소개
주조색에서 배색 후보를 넓혀 본 뒤 선택한 색상을 스타일시트로 가져갈 수 있습니다.
사용 방법
HEX·RGB·HSL 또는 색상 선택기로 기준색을 정하고 배색 방식을 선택하세요. 색상 카드를 누르면 HEX가 복사되며 전체를 CSS 변수나 JSON 배열로 내보낼 수 있습니다.
HSL 색상환이나 명도 변화로 생성하며 출력은 불투명합니다. 카드 글자는 WCAG 대비가 더 높은 흰색 또는 검은색을 사용합니다. 모든 색 조합의 접근성을 보장하지 않으므로 실제 글자·배경 쌍은 대비 검사기로 확인하세요.
자주 묻는 질문
모든 색상 조합이 접근성 대비를 충족하나요?
보장하지 않습니다. 색상 카드의 비율은 배경과 선택된 검정 또는 흰 글자의 대비입니다. 실제 전경·배경 조합은 각각 검사해야 합니다.
배색 모드를 바꿔도 같은 회색이 나오는 이유는 무엇인가요?
회색은 채도가 없어서 색상각을 돌려도 눈에 띄는 색 차이가 생기지 않습니다. 보색, 유사색, 삼각 배색을 만들려면 채도가 있는 기준색을 선택하세요. 단색 모드는 명도를 바꾸므로 회색도 여러 농도로 만들 수 있습니다. 내보내는 팔레트는 모두 불투명합니다.
관련 도구
새 탭에서 열립니다
댓글
0