본문으로 건너뛰기
🛠️ToolsShed

색상 구성표 생성기

기본 색상에서 보색, 삼각, 유사색 구성표를 생성합니다.

팔레트

#4F46E5
#DDE548

이 도구 소개

색 체계는 색채 이론의 원칙에 따라 선택된 조화로운 색상 집합으로, 시각적으로 함께 작동하고 매력적인 구성을 만들도록 설계되었습니다. 웹사이트 디자인, 그래픽 생성, 또는 공간 계획을 할 때, 잘 선택된 색 체계는 분위기를 전달하고, 시선을 유도하며, 디자인이 응집력 있게 느껴지도록 합니다. 이 도구는 색 이론에 기반한 색 관계(보색, 삼색, 유사색 등)에서 생성된 전문적인 색 체계를 제공하여, 자연스럽게 함께 작동하는 색 조합을 탐색하는 데 도움을 줍니다.

이 도구를 사용하는 것은 간단합니다. 색 선택기를 사용하여 기본 색을 선택하거나 16진수 코드를 입력한 후, 드롭다운 메뉴에서 선호하는 조화 체계를 선택합니다. 도구는 색 체계의 모든 색을 16진수 값과 함께 즉시 표시하며, 모든 색을 클릭하여 그 코드를 클립보드에 복사할 수 있습니다. 일반적인 사용 사례로는 UI 구성요소를 위한 완전한 팔레트가 필요한 웹 디자인, 브랜드 아이덴티티 생성, 데이터 시각화 색 선택, 그리고 색 관계가 시각적 영향을 만드는 미술 또는 인테리어 디자인이 있습니다.

자주 묻는 질문

코드 구현

import colorsys

def hex_to_hsl(hex_color):
    hex_color = hex_color.lstrip('#')
    r, g, b = [int(hex_color[i:i+2], 16)/255 for i in (0,2,4)]
    h, l, s = colorsys.rgb_to_hls(r, g, b)
    return int(h*360), int(s*100), int(l*100)

def hsl_to_hex(h, s, l):
    r, g, b = colorsys.hls_to_rgb(h/360, l/100, s/100)
    return '#{:02x}{:02x}{:02x}'.format(int(r*255), int(g*255), int(b*255))

def complementary(hex_color):
    h, s, l = hex_to_hsl(hex_color)
    return [hex_color, hsl_to_hex((h + 180) % 360, s, l)]

print(complementary('#6366f1'))

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.