모든 색상, 완전 해석
HEX, RGB, HSL, CMYK 값. 색상 조화, Tailwind 쉐이드, WCAG 대비.
6자리 HEX 코드를 입력하세요
추천 색상
추천 브랜드
전체 보기 →
Organize the world's information
4개 색상
Apple
Think different
3개 색상
Microsoft
Empower every person and organization
4개 색상
Amazon
Work hard. Have fun. Make history.
2개 색상
Meta
Helping people connect
1개 색상
Bringing the world closer together
2개 색상
YouTube
Broadcast yourself
1개 색상
Capture and share the world's moments
3개 색상
추천 컬렉션
전체 보기 →색상 도구
전체 보기 →대비 검사기
WCAG 2.1 가이드라인에 따라 색상 대비율을 확인합니다. 일반 텍스트와 큰 텍스트의 AA 및 AAA 준수 여부를 테스트하세요.
색상 변환기
HEX, RGB, HSL, HSV, CMYK, OKLCH 색상 형식 간에 즉시 변환합니다.
팔레트 생성기
보색, 유사색, 3색 조화, 분리 보색 배색을 사용해 조화로운 색상 팔레트를 생성합니다.
쉐이드 생성기
디자인 시스템을 위해 모든 기본 색상에서 Tailwind CSS 스타일의 쉐이드 스케일(50~950)을 생성합니다.
색각 이상 시뮬레이터
제2색각이상, 제1색각이상, 제3색각이상, 전색맹 상태에서 색상이 어떻게 보이는지 시뮬레이션합니다.
그라디언트 생성기
실시간 미리보기와 바로 복사 가능한 코드로 아름다운 CSS 선형 및 방사형 그라디언트를 만드세요.
최신 글
전체 보기 →CSS color-mix(): 브라우저에서 기본적으로 색상 혼합
브라우저에서 기본적으로 색상을 혼합하는 CSS color-mix()를 알아보세요. 구문, 색상 공간, 실제 사용 사례를 마스터하고 JavaScript 없이 동적 팔레트를 만드세요.
1월 26, 2026
튜토리얼처음부터 색상 선택기 웹 구성 요소 구축
웹 구성 요소로 액세스 가능한 색상 선택기를 구축합니다. Shadow DOM을 사용하여 캔버스 렌더링, 색조 슬라이더, 알파 채널 및 사용자 정의 이벤트를 구현합니다.
1월 21, 2026
튜토리얼지각 색상 공간: Lab, LCH, Oklab, OKLCH
CIE Lab, LCH, Oklab, OKLCH 등 지각적으로 균일한 색상 공간을 탐색해 보세요. 각 디자인이 어떻게 설계되었는지, 어디에 뛰어난지, CSS 및 디자인 작업에 어떤 것이 사용되는지 알아보세요.
1월 15, 2026
튜토리얼색상 교정(Color Proofing): 정확한 인쇄 색상 보장
소프트 교정, 하드 교정, 인쇄기 교정 기법을 배워 화면에서 최종 출력까지 정확한 인쇄 색상 재현을 보장하세요.
1월 10, 2026