색상환 - 온라인 색상 선택 휠 및 보완 색상
이 대화형을 사용하세요 컬러 휠 에게 색깔을 골라라, 찾다 보색, 그리고 탐험하다 유사한, 삼극체, 4진수, 그리고 분할 상보 계획. 이는 색상을 일치시키고, 대비되는 색상을 테스트하고, 서로 잘 어울리는 색상 조합을 생성하는 빠른 방법입니다.
특징
- 인터랙티브 색상 선택 휠 (HSV) 부드러운 드래그와 정확한 입력(HEX/RGB/HSL)이 가능합니다.
- 즉각적인 보색 생성기 또한 유사, 3원, 분할-상보, 4원 및 단색 옵션이 있습니다.
- 다음을 사용하여 읽을 수 있는 UI 텍스트 및 버튼에 대한 WCAG 대비 힌트 대비되는 색상.
- 팔레트 내보내기 PNG, SVG, 또는 CSS 변수 빠른 핸드오프를 위해.
- 전체 내용을 유지하는 반응형 캔버스 컬러 서클 모든 화면에서 볼 수 있습니다.
응용
브랜딩 및 UI: 브랜드 개성에 맞는 조화로운 팔레트를 구축하세요. 사용 보색 휠 영향력이 큰 CTA를 생성하거나 삼원색 균형 잡힌 탐색 및 차트 색상을 위한 구성표입니다.
일러스트레이션 및 의류: 탐구하다 유사한 계획 자연스러운 느낌의 그라데이션을 위해 의류와 잘 어울리는 색상이 필요할 때 이 도구가 도움이 됩니다. 보색을 찾아라 룩에 톡톡 튀는 색상("적합한 색상 조합").
인테리어 및 페인트: 번역하다 RGB 컬러휠 에 페인트 컬러 휠 사고방식; 앵커 그늘부터 시작하여 테스트하십시오. 반대 색 또는 음소거됨 3차 색상 균형을 위해.
비즈 날짜: 차트에 대비가 충분한 팔레트를 선택하세요. 에이 분할 상보 세트는 종종 다양성을 유지하면서 혼란을 피합니다.
작동 방식
- 색상을 선택하세요: 휠을 드래그하거나 HEX/RGB/HSL을 입력하세요.
- 구성표를 선택하세요: 상보성, 유사성, 삼원성, 분할 상보성, 사원성 또는 단색성.
- 구체화 값: 밝기(값)를 조정하여 밝음/어두움을 제어합니다.
- 대비 확인: 밝은/어두운 배경에서 텍스트가 WCAG를 충족하는지 확인하세요.
- 내보내다: 개발 핸드오프를 위해 PNG/SVG를 다운로드하거나 CSS 변수를 복사하세요.
팁: 빠른 조치가 필요할 때 색상 조합 생성기, Single → Complementary → Triadic으로 시작하여 분위기와 가독성을 비교하세요.
FAQ
색상 이론의 색상환은 무엇입니까?
그만큼 색상 이론 휠 보색(반대), 유사(이웃), 삼원(균등한 간격)과 같은 관계를 볼 수 있도록 색상을 원으로 배열합니다. 의 기초입니다 색상 조화 그리고 어울리는 색을 고르는 거죠.
보색은 어떻게 찾나요?
기본 색상을 선택하세요. 그것은 보색 바퀴 바로 맞은 편에 앉습니다. 앱의 "보완" 구성표를 사용하여 즉시 쌍을 생성하고 대비를 평가합니다.
1차, 2차, 3차 색상이란 무엇입니까?
기본 색상은 기본 색상입니다. 이를 혼합하면 2차 색상이 생성되고 1차 색상과 인접한 2차 색상을 혼합하면 생성됩니다. 3차 색상, 고전적인 12색 휠을 형성합니다.
RGB 색상환과 페인트 색상환?
그만큼 RGB 컬러휠 스크린용 추가 조명을 모델링합니다. 전통적인 RYB 페인트 휠은 빼기입니다. 보체 쌍은 모델마다 약간 다릅니다.
무지개 색깔은 순서대로 무엇인가요?
빨간색, 주황색, 노란색, 녹색, 파란색, 남색, 보라색 - 건물을 만들 때 유용합니다. 색상 스펙트럼 휠 또는 색상 이론의 기초를 가르칩니다.
UI에는 어떤 색상이 잘 어울리나요?
노력하다 유사한 원활한 조화를 위해, 삼극체 균형 잡힌 대비를 위해 또는 보완적인 강한 강조(버튼, 경고) 항상 명암비를 확인하세요.
용어집(색상 이론)
보완 색상: 대비를 최대화하는 휠의 반대 색상(예: 파란색 ⇔ 주황색).
유사한: 부드러운 그라데이션과 시각적 응집력을 만들어내는 인접한 색상.
삼극체: 120° 간격으로 떨어진 세 가지 색상; 생생하면서도 균형 잡힌.
4진수: 두 개의 상보적인 쌍; 풍부하지만 세심한 균형이 필요합니다.
1차/2차/3차: 기본 색상, 그 혼합 및 12색 색상환의 중간 단계입니다.
색조/채도/값(HSV): 휠의 각도, 색상의 강도 및 밝기.
접근성 및 대비
텍스트를 읽을 수 있도록 대비 힌트를 사용하세요. 일반 텍스트의 경우 다음 비율을 목표로 하세요. ≥ 4.5:1; 큰 텍스트의 경우, ≥ 3:1. 확실하지 않은 경우 더 밝은 배경과 더 어두운 보색을 선택하거나 더 나은 가독성을 위해 밝기/값을 높이세요.