색상 팔레트 생성기

converter

기본 색상에서 아름다운 색상 팔레트 생성 — 단색, 보색, 삼각형, 유사색. CSS 변수 포함.

#color#palette#design#hex#complementary#triadic#css
Loading tool...

How to use

  1. 1HEX 색상 코드 입력, 예: #3B82F6
  2. 2선택적: "scheme=complementary"를 추가하여 특정 팔레트 유형 선택
  3. 3"처리" 클릭하여 HEX + RGB + HSL 및 CSS 변수가 포함된 팔레트 얻기

Frequently Asked Questions — 색상 팔레트 생성기

보색이란 무엇인가요?+

보색은 색상환에서 직접 반대편에 있는 색상(180° 떨어진)입니다. 강한 대비를 만들어 행동 촉구 요소에 좋습니다.

CSS 변수 출력을 어떻게 사용하나요?+

:root { ... } 블록을 CSS 파일에 복사합니다. 그런 다음 스타일시트에서 하드코딩된 값 대신 var(--color-primary)를 사용합니다.

Related Tools