어떤 color harmony를 지원하나요?

Random, complementary(2), analogous(3-8), triadic(3), tetradic(4), split-complementary(3), monochromatic(3-8). 고정 harmony는 자연 swatch 수를 반환.

어떤 format을 복사할 수 있나요?

각 swatch HEX, RGB, HSL. Copy HEX list(줄당), Copy HEX row(쉼표), Copy CSS(:root --color-1).

브랜드 색에서 시작할 수 있나요?

예. #3b82f6 붙여 넣기 또는 picker. Shuffle은 harmony 유지하며 random base.

WCAG contrast를 확인하나요?

아니요. harmony·export에 초점. AA/AAA 텍스트는 contrast checker와 함께.

팔레트가 기기를 떠나나요?

아니요. Color Palette 생성기는 브라우저만. 색은 업로드·저장되지 않습니다.

생성기 도구

색상 팔레트 생성기

브라우저를 떠나지 않고 UI·브랜딩·디자인 시스템용 조화 팔레트.

팔레트는 브라우저에 내장되어 있습니다. 아무것도 업로드되지 않았습니다.

조화

베이스 컬러

하모니 모드에 사용됩니다. 임의 하모니 선택 시 무시됩니다.

색상 수

이 하모니는 3부터 8까지입니다.

하모니를 선택하고 생성을 클릭하여 팔레트를 만듭니다.

색상 팔레트 생성기 정보

브라우저를 떠나지 않고 UI·브랜딩·디자인 시스템용 조화 팔레트. base HEX와 complementary, analogous, triadic, tetradic, split-complementary, monochromatic, random. HEX 목록, 쉼표 구분 swatch, CSS custom properties 복사. CSS Gradient 생성기 또는 HEX to RGB 변환기. 조화 규칙은 Color Harmony Types Explained. 업로드 없음.

색상 팔레트 생성기 사용 방법

조화(analogous, complementary, triadic 등) 또는 Random.
picker 또는 HEX로 base, Shuffle로 random base.
random, analogous, monochromatic에서 색 개수 3-8 조정.
Generate, swatch의 HEX/RGB/HSL 확인, HEX list 또는 CSS variables 복사. 기기에 유지.

색상 팔레트 생성기 예시

Analogous UI accent

Base #3b82f6, Analogous, 5색 - 부드러운 UI accent용 인접 blue·teal.

Complementary contrast

Base #ef4444, Complementary - CTA용 red와 보색.

Triadic brand set

Base #22c55e, Triadic - 120도 간격 3색 brand trio.

Monochrome scale

Base #0f172a, Monochromatic, 6색 - 배경·텍스트용 slate 밝기 스케일.

일반적인 사용 사례

브랜드·마케팅 색 시스템
UI accent·neutral scale 프로토타입
design token용 CSS custom properties export
complementary·triadic contrast 탐색
영감용 random moodboard

Color Harmony Types Explained

색상 팔레트 생성기에 대한 자주 묻는 질문

어떤 color harmony를 지원하나요?: Random, complementary(2), analogous(3-8), triadic(3), tetradic(4), split-complementary(3), monochromatic(3-8). 고정 harmony는 자연 swatch 수를 반환.
어떤 format을 복사할 수 있나요?: 각 swatch HEX, RGB, HSL. Copy HEX list(줄당), Copy HEX row(쉼표), Copy CSS(:root --color-1).
브랜드 색에서 시작할 수 있나요?: 예. #3b82f6 붙여 넣기 또는 picker. Shuffle은 harmony 유지하며 random base.
WCAG contrast를 확인하나요?: 아니요. harmony·export에 초점. AA/AAA 텍스트는 contrast checker와 함께.
팔레트가 기기를 떠나나요?: 아니요. Color Palette 생성기는 브라우저만. 색은 업로드·저장되지 않습니다.

CSS Gradient 생성기

실시간 미리보기로 CSS linear, radial, conic gradient 제작. color stop 선택, background CSS 복사, 스타일시트에 붙여 넣기. 브라우저에서 실행.

HEX to RGB Converter

HEX↔RGB 변환과 HSL, CMYK, tint-shade ramp, WCAG contrast 카드, CSS token snippet - 무료 온라인 color code converter.

RGB to HSL Converter

RGB↔HSL 즉시 변환. live swatch와 copy-ready rgb(), hsl() CSS.

Favicon 생성기

브라우저 무료 favicon. 로고 업로드(로컬), PNG 16,32,48,180,192,512, ZIP. 업로드 없음.

난수 생성기

브라우저에서 무료 난수 생성기. min·max, 개수, 선택적 unique·소수, 결과 복사. crypto 난수 - 업로드 없음.