🎨

색상 생성 준비 완료

오른쪽 패널에서 설정을 구성하고 "색상 생성"을 클릭하세요

색상 간 WCAG 대비 비율 표시
색각 이상자에게 색상이 어떻게 보이는지 시뮬레이션합니다

아직 기록이 없습니다. 색상을 생성해 보세요!

작동 방식

랜덤 색상 생성기는 HSL 색상 공간을 사용하여 색조, 채도, 명도를 정밀하게 제어하며 색상을 생성합니다. 단일 색상, 조화로운 팔레트, 아름다운 그라데이션 중에서 선택하세요. 색온도, 채도, 명도 필터를 적용하세요. 내장된 WCAG 대비 비율 계산기와 색맹 시뮬레이터로 접근성을 확인하세요.

주요 활용 사례

🌐

웹 디자인

접근 가능한 대비 비율을 갖춘 웹사이트, 앱, 디지털 인터페이스용 색상 조합을 생성하세요

📱

UI/UX 디자인

WCAG 준수 여부를 확인하며 사용자 인터페이스에 어울리는 조화로운 색상 팔레트를 만드세요

🏷️

브랜딩 및 아이덴티티

로고, 브랜드 가이드라인, 마케팅 자료를 위한 독특한 색상 조합을 발견하세요

🎨

아트 및 일러스트레이션

디지털 아트, 일러스트레이션, 창작 프로젝트를 위한 영감 넘치는 색상 팔레트를 찾으세요

기능

  • ✅ 단일 색상, 팔레트, 그라데이션 모드
  • ✅ 6가지 색상 조화 규칙 (보색, 유사색, 삼색 조화 등)
  • ✅ 색온도, 채도, 명도 필터
  • ✅ WCAG 대비 비율 검사기 (AA/AAA 준수)
  • ✅ 색맹 시뮬레이션 (protanopia, deuteranopia, tritanopia)
  • ✅ 색상 잠금 후 나머지 재생성
  • ✅ CSS 변수, JSON 또는 텍스트로 내보내기
  • ✅ HEX, RGB, HSL, CMYK 형식

랜덤 색상 생성기란?

랜덤 색상 생성기는 디자이너, 개발자, 아티스트를 위해 랜덤 색상, 색상 팔레트, 그라데이션을 생성하는 온라인 도구입니다. 이 색상 조합 생성기는 HSL 색상 공간 수학을 사용하여 색조, 채도, 명도를 정밀하게 제어하며 색상을 생성하므로 단순한 랜덤 HEX 생성기보다 뛰어납니다. 웹사이트용 단일 강조 색상, 브랜드 아이덴티티를 위한 조화로운 5색 팔레트, UI 배경을 위한 아름다운 그라데이션이 필요하든, 이 색상 팔레트 생성기는 전문적인 결과를 즉시 제공합니다. 디자이너는 빠른 프로토타이핑에 이 도구를 활용하고, 개발자는 테마 색상 생성에 사용하며, 아티스트는 창작 프로젝트의 영감을 얻습니다.

색상 생성기는 HSL(색조, 채도, 명도) 색상 공간에서 색상을 생성하고 웹 개발용 HEX 코드, 디지털 디자인용 RGB 값, CSS 스타일링용 HSL, 인쇄 준비용 CMYK 근사값 등 다양한 출력 형식으로 변환합니다. 세 가지 모드로 색상을 생성할 수 있습니다: 빠른 색상 선택을 위한 단일 색상, 2~10개의 조화로운 색상을 만드는 팔레트 모드, 바로 사용할 수 있는 CSS 코드가 포함된 아름다운 색상 전환을 생성하는 그라데이션 모드. 조화 시스템은 색채 이론 규칙을 사용하여 미적으로 아름다운 조합을 보장합니다 — 보색은 색상환에서 반대편에 위치하여 최대 대비를 제공하고, 유사색은 인접하여 부드러운 전환을 만들며, 삼색 조화는 정삼각형을 형성하여 생동감 있는 다양성을 제공하고, 분할 보색은 완전한 보색보다 긴장감이 적은 대비를 제공합니다.

이 색상 생성기를 경쟁 도구와 차별화하는 것은 내장된 접근성 도구 세트입니다. WCAG 대비 비율 검사기는 생성된 두 색상 간의 대비를 계산하고 WCAG 2.0 AA(일반 텍스트 4.5:1, 큰 텍스트 3:1) 및 AAA(일반 텍스트 7:1, 큰 텍스트 4.5:1) 접근성 표준을 충족하는지 표시합니다. 이는 모든 사용자가 읽을 수 있도록 색상 선택을 보장해야 하는 웹 디자이너에게 필수적입니다. 색맹 시뮬레이터는 생성된 색상이 protanopia(적색맹), deuteranopia(녹색맹), tritanopia(청색맹) 색각 이상을 가진 사람에게 어떻게 보이는지 보여주어, 어떤 형태의 색각 이상을 가진 남성 약 8%, 여성 약 0.5%를 위한 포용적 디자인을 만들 수 있도록 도와줍니다.

필터링 시스템은 생성된 색상에 대한 세밀한 제어를 제공합니다. 색온도 필터는 에너지 넘치는 디자인을 위한 따뜻한 톤(빨강, 주황, 노랑), 차분한 미학을 위한 차가운 톤(파랑, 초록, 보라), 균형 잡힌 구성을 위한 중성 톤으로 색상을 제한합니다. 채도 필터를 사용하면 부드럽고 섬세한 디자인을 위한 파스텔 색상, 대담한 표현을 위한 비비드 색상, 세련된 팔레트를 위한 뮤트 톤, 눈에 띄는 효과를 위한 네온 색상을 생성할 수 있습니다. 명도 필터는 가벼운 디자인을 위한 밝은 색상, 균형 잡힌 인터페이스를 위한 중간 색상, 극적인 테마를 위한 어두운 색상을 제어합니다. 잠금 기능을 사용하면 마음에 드는 색상을 유지하면서 나머지를 재생성할 수 있어 점진적으로 팔레트를 구축하기에 완벽합니다. 스타일시트에서 직접 사용할 CSS 사용자 정의 속성, 프로그래밍 사용을 위한 JSON, 문서화를 위한 일반 텍스트로 색상을 내보낼 수 있습니다. 생성 기록은 이전의 모든 색상 조합을 추적하여 좋아하는 조합을 다시 방문하고 재사용할 수 있습니다.