컬러 가이드

팔레트 생성기, 그라디언트 도구, 명도 대비 검사기를 모았습니다.

색을 고르는 일은 세 단계로 나뉩니다. 후보를 찾고, 실제 화면에 입혀 보고, 읽히는지 검사하는 것. 컬러 사이트도 이 순서대로 쓰면 헤매지 않습니다.

마지막으로 고친 날 2026. 9. 26 · 업데이트 기록 · 이 분야 안내

• Coolorscoolors.co

  스페이스바로 팔레트를 빠르게 생성. 이미지에서 컬러 추출, 대비 검사까지.

• Adobe Colorcolor.adobe.com

  색상환 기반 조화 팔레트 생성. 트렌드·탐색 탭도 유용합니다.

• Color Huntcolorhunt.co

  큐레이션된 4색 팔레트 모음. 인기순·트렌드순 정렬.

• Realtime Colorsrealtimecolors.com

  팔레트를 실제 웹 UI에 바로 적용해 보며 확인.

• Happy Hueshappyhues.co

  팔레트를 페이지 전체에 적용한 모습을 보며 고를 수 있는 사이트.

• Khromakhroma.co

  취향을 학습해 팔레트를 추천하는 AI 컬러 툴.

• Hueminthuemint.com

  브랜드·웹·그라디언트용 팔레트를 AI로 생성.

• Colormindcolormind.io

  딥러닝 기반 팔레트 생성기. 일부 색을 고정하고 나머지 추천.

• Palettonpaletton.com

  색상 이론 기반 조합 생성기의 고전.

• UI Colorsuicolors.app

  한 가지 색으로 Tailwind 스타일 50~950 단계 팔레트 자동 생성.

• Radix Colorsradix-ui.com

  접근성을 고려해 설계된 12단계 컬러 스케일 시스템.

• Material Theme Buildermaterial-foundation.github.io

  구글 머티리얼 3 기반 다이내믹 컬러 테마 생성.

• WebAIM Contrast Checkerwebaim.org

  WCAG 명도 대비 기준 통과 여부 검사.

• OKLCH Color Pickeroklch.com

  지각적으로 균일한 OKLCH 색공간 피커. 최신 CSS 컬러 작업에 유용.

• Color Leapcolorleap.app

  시대별(고대~현대) 역사적 컬러 팔레트 모음.

• Picularpicular.co

  검색어를 입력하면 연관 이미지에서 색을 뽑아주는 컬러 검색.

• Color Spacemycolor.space

  한 색을 넣으면 여러 조합과 그라디언트를 한 번에 생성.

• Grabientgrabient.com

  CSS 그라디언트를 만들고 코드로 바로 복사.

• Grainientgrainient.supply

  그레인·부드러운 그라디언트, 움직이는 그라디언트, AI 배경을 모은 곳. 셰이더로 직접 만들 수도 있고 무료 모음도 있습니다.

• Colors & Fontscolorsandfonts.com

  컬러 팔레트·그라디언트·폰트 조합을 함께 제공.

• Encycolorpediaencycolorpedia.kr

  색상 코드 백과사전. HEX·RGB·CMYK·페인트 매칭 정보.

• Pantonepantone.com

  팬톤 컬러 시스템과 올해의 컬러.

• Muzli Colorscolors.muz.li

  팔레트 생성과 실제 UI·일러스트 적용 미리보기.

• ColorKitcolorkit.co

  팔레트 생성기와 인기 팔레트, 컬러 도구 모음.