색상

팔레트 생성기

하나의 기본 색에서 밝기 단계와 배색을 만듭니다.

기준 색

HEX 값

밝은 색과 어두운 색

조화 배색

보색

#00c16a

#c20057

유사색

#00c20a

#00c16a

#00b8c2

3색 배색

#00c16a

#6b00c2

#c26b00

4색 배색

#00c16a

#0a00c2

#c20057

#b8c200

분할 보색

#00c16a

#c200b8

#c20a00

CSS 사용자 정의 속성

:root {
  --color-brand-50: #e6f9f0;
  --color-brand-100: #ccf3e1;
  --color-brand-200: #99e6c3;
  --color-brand-300: #66daa6;
  --color-brand-400: #33cd88;
  --color-brand-500: #00c16a;
  --color-brand-600: #00a058;
  --color-brand-700: #007f46;
  --color-brand-800: #005f34;
  --color-brand-900: #003e22;
  --color-brand-950: #002d19;
}

팔레트 생성기

밝은 색과 어두운 색

조화 배색

관련 가이드

관련 도구