고급 색상 선택기 & 팔레트 생성기

색상 선택기는 창의적인 비전을 구현 코드와 연결해주는 정교한 디자인 도구입니다. 정밀한 선택, 심층 분석, 즉시 형식 변환을 지원하여 웹 디자이너, 그래픽 아티스트, 프론트엔드 개발자에게 필수적입니다.

지원 색상 모델

• HEX (16진수): 웹 표준입니다. 빨강, 초록, 파랑 값을 16진수로 나타내는 6자리 코드(예: #FF5733)입니다. 3자리 단축(#F00)과 8자리 알파 코드(#FF000080)도 지원합니다.
• RGB (Red, Green, Blue): 빛을 더해 색을 만드는 가산 혼합 모델입니다. 디지털 화면에 사용됩니다. 값 범위는 0에서 255까지입니다. 예: `rgb(255, 87, 51)`.
• HSL (Hue, Saturation, Lightness): 인간의 인지와 일치하도록 설계된 표현 방식입니다. 'Hue'는 색상(0-360°), 'Saturation'은 선명도/강도(0-100%), 'Lightness'는 밝기(0-100%)입니다. 프로그래밍 방식의 색상 조작(예: "이 버튼을 10% 더 어둡게")에 탁월합니다.

접근성 및 WCAG 준수

디자인은 단순한 미학이 아니라 사용성입니다. 이 도구에는 두 색상 간의 명암비를 WCAG(웹 콘텐츠 접근성 지침) 표준에 따라 계산하는 대비 검사기가 내장되어 있습니다. 텍스트/배경 조합이 AA 또는 AAA 레벨을 통과하는지 알려주어 시각 장애가 있는 사용자도 사이트를 읽을 수 있도록 보장합니다.

팔레트 이론

어울리는 색상을 찾는 데 어려움을 겪고 계신가요? 이 도구는 색상 이론에 기반하여 조화로운 색상 배합을 자동으로 생성합니다.

• 보색 (Complementary): 색상환 반대편에 있는 고대비 색상입니다.
• 유사색 (Analogous): 서로 인접한 색상들로, 차분하고 편안한 디자인을 만듭니다.
• 삼각 배색 (Triadic): 균일하게 간격을 둔 세 가지 색상으로, 조화를 유지하면서도 생동감 있는 대비를 제공합니다.