무료 색상 및 디자인 도구 — 색상 선택기, 팔레트, 명도비, 그라데이션
웹을 위한 실용적인 색상 작업: HEX/RGB/HSL 색상 선택기, 팔레트 및 그라데이션 생성기, 텍스트 가독성을 유지하는 WCAG 명도비 검사기, 색맹 시뮬레이션 및 CSS 그림자 도구. 정확한 값과 접근 가능한 선택이 필요한 디자이너와 프론트엔드 개발자를 위해 만들었으며, 복사 붙여넣기로 바로 사용합니다.
색상 변환기 (HEX, RGB, HSL — 즉시)
라이브 미리보기 견본으로 HEX, RGB, HSL 간 색상 변환. 어떤 필드 편집해도 다른 것이 업데이트.
대비 검사기 (WCAG AA / AAA 등급)
텍스트와 배경 간 색상 대비 비율 검사. WCAG AA와 AAA에 대한 일반 및 큰 텍스트 크기에서 라이브 미리보기와 통과/실패 배지 표시.
CSS 그라디언트 생성기 (선형, 방사형, 원뿔)
CSS 그라디언트 시각적으로 빌드: 선형, 방사형, 원뿔. 다중 색상 정지, 각도 제어, 프리셋. 붙여넣기 준비된 CSS 복사.
색상 팔레트 생성기 (한 기본에서 5 스킴)
기본 색상에서 조화로운 색상 팔레트 생성: 보색, 유사색, 삼색, 사색, 단색. 어떤 견본 클릭해도 헥스 복사.
색맹 시뮬레이터 — 색각 이상의 시야를 경험하세요
16진수 색상 코드를 입력하면 제2색맹·제1색맹·제3색맹·전색맹 4가지 유형의 시각적 효과를 즉시 비교할 수 있습니다.
CSS 박스 섀도우 생성기 (라이브 미리보기 포함)
CSS box-shadow 값 시각적으로 빌드. 오프셋, 블러, 스프레드, 색상, 불투명도, 인셋 조정. 라이브 미리보기, 복사 붙여넣기 CSS.
CSS 색상 이름 찾기 — 16진수에서 가장 가까운 명명된 색상
16진수 색상을 입력하여 가장 가까운 CSS 명명된 색상을 찾습니다. 정확한 16진수 값과 거리 점수와 함께 가장 가까운 5가지 색상을 표시합니다.
색상 음영 생성기 — Tailwind 스타일
Tailwind CSS 스케일 기반의 11단계 색조(50~950) 생성. 스워치를 클릭해 hex 코드 복사 또는 CSS 변수 일괄 내보내기.