팔레트 생성기

이미지에서 색상 팔레트를 추출하는 것은 이미지의 픽셀 데이터를 분석하여 시각적으로 가장 중요한 색상을 식별하는 과정입니다. 프로세스는 이미지에서 픽셀을 샘플링하는 것으로 시작됩니다(모든 픽셀이 아닌 성능을 위한 대표 하위 집합). 그런 다음 각 픽셀의 RGB 값을 양자화하여 고유 색상 수를 줄입니다. 사진에는 미묘하게 다른 수백만 가지 색상이 포함될 수 있으므로 이 과정이 필요합니다. 양자화된 색상은 색상 히스토그램을 구축하기 위해 계산되며, 가장 빈번한 색상이 팔레트로 선택됩니다.

저희 도구는 팔레트 추출에 중앙값 절단 양자화 알고리즘을 사용합니다. 알고리즘은 색상 공간을 재귀적으로 분할하여 작동합니다: 값 범위가 가장 큰 차원(R, G 또는 B)을 찾고, 해당 차원을 따라 픽셀을 정렬한 다음 중앙값에서 분할합니다. 이 과정은 원하는 색상 수에 도달할 때까지 반복됩니다. 결과는 이미지의 가장 뚜렷한 색상 영역을 나타내는 색상 집합입니다. 각 색상의 빈도는 팔레트에서의 순서를 결정합니다. 가장 지배적인 색상이 먼저 나타납니다.

생성된 팔레트(이미지에서 추출하지 않은)의 경우 도구는 색상환 기반의 색상 조화 규칙을 사용합니다. 보색: 서로 반대편에 있는 두 색상(180° 떨어짐). 유사색: 색상환에서 인접한 세 색상(30° 떨어짐). 삼색조: 균등하게 배치된 세 색상(120° 떨어짐). 사색조: 색상환에서 직사각형을 형성하는 네 색상. 분할 보색: 기본 색상 더하기 보색에 인접한 두 색상. 이러한 규칙은 색상이 색상환에서 수학적 관계를 공유하기 때문에 시각적으로 조화로운 조합을 생성합니다.

일반적인 디자인 팔레트는 5가지 색상을 포함합니다: 주 색상(지배적), 보조 색상(지원), 강조 색상(행동 유도 및 하이라이트용), 두 가지 중성색(밝은 배경과 어두운 배경). 60-30-10 규칙은 디자인의 60%에 주 색상을, 30%에 보조 색상을, 10%에 강조 색상을 사용할 것을 권장합니다. 이는 강조 색상이 눈에 띄도록 보장하면서 시각적 균형을 만듭니다. 원하는 분위기를 불러일으키는 이미지에서 팔레트를 추출하세요. 대지 톤을 위해 자연 사진, 따뜻한 그라데이션을 위해 일몰, 차가운 파랑과 회색을 위해 도시 풍경.

추출된 팔레트를 웹 디자인에 사용할 때 항상 텍스트와 배경색 간의 명암 비율을 테스트하세요. 견본으로는 아름다워 보이는 팔레트가 텍스트에 사용할 때 WCAG 접근성 표준에 실패할 수 있습니다. 밝은 색상은 배경에, 어두운 색상은 텍스트에 사용하세요. 팔레트 색상이 명암 요구 사항을 충족하지 않는 경우, 색상이 동일하게 유지되므로 팔레트의 조화가 보존되면서 명암 요구 사항을 충족할 때까지 어둡게 하거나 밝게 하세요.