Color Studio

인터랙티브 색상 휠에서 조화로운 색상 팔레트를 만드세요 — 유사색, 보색 또는 삼색 등 조화 규칙을 적용하고 원하는 값을 즉시 복사하세요.

시작 색상을 끝 색상까지 최대 10단계로 블렌딩하세요 — 그라디언트를 미리 보고 모든 음영을 가져와 어떤 형식이든 즉시 복사하세요.

단일 색상에서 전체 틴트와 음영 범위를 생성하세요 — 어둡게/밝게 하는 단계와 음영 수를 선택한 후 원하는 값을 즉시 복사하세요.

어떤 이미지에서든 정제된 복사 가능한 색상 팔레트를 추출합니다.

HEX, RGB, RGBA, HSL, HSLA 및 HSV 간 색상을 변환합니다 — 색상을 선택하고 알파를 조정한 후 어떤 형식이든 즉시 복사하세요.

어떤 색상에서든 가장 가까운 CSS 명명 색상과 가장 유사한 Tailwind 음영을 찾으세요 — 지각적으로 일치시키며 복사 가능한 값을 제공합니다.

스포이트로 화면의 모든 픽셀을 샘플링하거나 드롭한 이미지에서 색상을 선택하여 복사 가능한 팔레트로 수집하세요.

사진에서 아름다운 그라디언트를 추출하세요 — 이미지를 드롭하고 무드를 선택하면 주요 색상이 드래그 가능한 그라디언트 정류장이 됩니다. 바로 붙여넣을 수 있는 CSS를 즉시 복사하세요.

드래그 가능한 다중 정류장 컨트롤과 큐레이션된 프리셋으로 선형, 방사형 및 원형 CSS 그라디언트를 처음부터 만드세요. 바로 붙여넣을 수 있는 CSS를 즉시 복사하세요.

색상 세트를 붙여넣거나 가져와서 CSS 변수, SCSS, Tailwind 설정, JSON 또는 SVG 스와치로 즉시 내보내세요 — 팔레트의 마무리 단계.

텍스트와 배경 색상 간 WCAG 대비 비율을 확인하세요 — 일반 텍스트, 큰 텍스트 및 UI 컴포넌트의 AA/AAA 합격/불합격 등급을 라이브 미리보기와 접근 가능한 색상 제안과 함께 확인하세요.

적색맹, 녹색맹, 청색맹 또는 전색맹인 사람의 눈으로 이미지나 팔레트를 확인하세요 — 완전히 브라우저에서 실행되며 업로드가 없습니다.