색상 팔레트 생성기

Color Palette Generator 는 컬러 휠 조화 규칙을 사용하여 단일 기본 색상을 조화로운 색상 세트로 바꿉니다. 시작 색상을 선택하고 모드를 선택하십시오 - 음영 및 색조,단색, 보완,유사, 삼극 또는 사극 - 도구는 각 견본에 대한 HEX 코드로 균형 잡힌 팔레트를 계산합니다.

좋은 색상 조합은 HSL 색상환에서 예측 가능한 관계를 따릅니다. 보색은 서로 반대 방향에 있고, 유사한 색상은 서로 옆에 위치하며, 3색은 균등한 간격을 두고 있습니다. 이것을 손으로 계산하면 색조 각도와 가벼움 값을 저글링하는 것을 의미합니다. 이 도구는 수학을 즉시 수행하고 결과를 표시하므로 작동하는 구성표를 선택할 수 있습니다.

모든 것이 클라이언트 측에서 실행됩니다. 기본 색상을 조정하고,모드를 전환하고,스워치를 클릭하여 HEX 코드를 복사하거나,CSS 복사를 사용하여 전체 팔레트를 CSS 사용자 지정 속성으로 내보냅니다. 계정도 없고 업로드도 없으며 페이지가 로드되면 오프라인으로 계속 작동합니다.

작업 예제는 웨딩 컬러 팔레트 생성기로 작동하는 방식을 보여 주며,한 가지 조건이 있습니다: 웨딩 사전 설정이 없으므로 색상을 가져옵니다. 세이지 그린, #9caf88 을 기본 색상으로 입력하고 보완을 선택합니다. 네 개의 견본은 #c2ceb6, #9caf88,먼지 라벤더 #9b88af 및 더 깊은 #755e8d 이며,CSS 복사에서는 --color-100 에서 --color-400 으로 반환합니다. 파스텔 색상 팔레트 생성기 결과는 #a7c7e7 과 같은 창백한 베이스에서 시작하십시오: 유사,삼극 및 사극은 밝기와 채도를 유지하므로 모든 견본은 부드러움을 유지합니다.

조화 모드는 색상-바퀴 관계에서 비롯되며 원 주위의 고정된 양만큼 색조를 회전합니다: 보완의 경우 180도, 삼극의 경우 120도, 유사의 경우 작은 단계. 수학은 편리하고 지각적으로 균일하지 않은 HSL에서 수행됩니다. HSL 가벼움은 노란색과 파란색을 동일한 값으로 동일하게 가볍게 취급하며 눈에는 그렇지 않습니다. 이것이 바로 삼극 세트가 종이에서는 균형 잡힌 것처럼 보이고 화면에서는 불균형해 보일 수 있는 이유입니다. 숫자를 신뢰하기보다는 대비 검사기에 대해 텍스트에 사용하려는 팔레트를 확인하십시오. 색조와 색조는 색조와 채도를 유지하면서 가벼움을 이동함으로써 생성되며, 이는 가족을 인식할 수 있는 관련성을 유지하고 CSS 변수 세트로 유용하게 만듭니다.