HEX, RGB, HSL, CMYK 등 다양한 형식 간에 색상을 변환합니다. EyeDropper API를 통한 색상 선택, 팔레트 생성, 색상 구성표 분석을 지원합니다.
색상 선택기를 사용하여 색상을 선택하세요
고급 색상 선택 및 관리 도구
현재 색상의 다양한 표현 형식
공식 Tailwind CSS 기본 색상입니다. 형식을 선택한 뒤 클릭하면 복사하고, 더블 클릭하면 색상 선택기에 적용합니다.
다양한 색상 형식의 특징과 사용 사례에 대해 알아보세요
6자리 16진수를 사용하여 색상을 표현합니다(예: #FF5733). 이는 웹 개발에서 가장 일반적으로 사용되는 색상 형식으로, 최고의 호환성을 가지며 CSS와 HTML에서 사용하기에 적합합니다.
빨강, 초록, 파랑 색상 채널의 수치를 사용하여 색상을 표현합니다(예: rgb(255, 87, 51)). 이 형식은 직관적이고 이해하기 쉬우며, 디자이너와 개발자가 색상 구성을 이해하는 데 적합합니다.
RGB에 알파 채널을 더해 투명도를 표현합니다(예: rgba(255, 87, 51, 0.8)). 오버레이, 그림자 등 반투명 효과에 적합합니다.
색조, 채도, 명도의 세 가지 속성을 사용하여 색상을 표현합니다(예: hsl(12, 100%, 60%)). 이 형식은 인간이 색상을 인식하는 방식에 더 가깝고, 색상의 명암과 선명도를 조정하기 쉽습니다.
색조, 채도, 값의 세 가지 속성을 사용하여 색상을 표현합니다(예: hsv(12, 100%, 100%)). 이 형식은 그래픽 소프트웨어에서 자주 사용되며, 값 매개변수가 색상의 명도를 더 직관적으로 표현합니다.
시안, 마젠타, 노랑, 검정의 네 가지 색상 채널을 사용하여 색상을 표현합니다(예: cmyk(0%, 66%, 80%, 0%)). 이는 인쇄 업계의 표준 형식으로, 인쇄가 필요한 디자인 작품에 적합합니다.
지각 명도, 색도, 색조의 세 가지 속성을 사용하여 색상을 표현합니다(예: oklch(60% 50% 12)). 이는 현대적인 색 공간으로, 인간의 눈 인식에 더 잘 맞고, 더 넓은 색 영역을 지원하며, 현대적인 디스플레이 장치에 적합합니다.