Color Theory

보색

색상환에서 정반대에 위치한 두 색으로, 나란히 배치했을 때 최대의 대비를 이룸.

Complementary color pairs include red and cyan, blue and orange, and green and magenta (in the RGB model). When placed side by side, complementary colors intensify each other through simultaneous contrast, making both appear more vibrant. When mixed together, they neutralize each other, producing gray or brown. Complementary color schemes are high-energy and attention-grabbing, commonly used in advertising and sports branding. However, using them in equal amounts can create visual tension, so designers typically use one as the dominant color and the other as an accent.

직접 해보기

팔레트 생성기

보색, 유사색, 3색 조화, 분리 보색 배색을 사용해 조화로운 색상 팔레트를 생성합니다.

관련 글

CSS color-mix(): 브라우저에서 기본적으로 색상 혼합

브라우저에서 기본적으로 색상을 혼합하는 CSS color-mix()를 알아보세요. 구문, 색상 공간, 실제 사용 사례를 마스터하고 JavaScript 없이 동적 팔레트를 만드세요.

다중 브랜드 색상 아키텍처: 하나의 코드베이스, 다양한 테마

CSS 사용자 정의 속성과 디자인 토큰을 사용하여 멀티 브랜드 색상 아키텍처를 구축하세요. Tailwind 통합을 통해 단일 코드베이스에서 화이트 라벨 테마를 지원합니다.

청록색과 청록색의 차이점

청록색(#00FFFF)과 청록색(#40E0D0)은 비슷해 보이지만 색상 모델 위치, 채도 및 사용 사례가 근본적으로 다릅니다. 전체 분석은 다음과 같습니다.

청록색은 어떤 색인가요? 완전한 가이드

청록색은 16진수 코드 #008080의 청록색입니다. 청록색, 청록색, 청록색과 어떻게 다른지 알아보고 웹, 패션 및 인테리어에 대한 디자인 응용 프로그램을 알아보세요.

색상 조화란 무엇입니까? 플레징 팔레트의 규칙

보색, 유사, 삼원, 사원 구성 등 색상 조화가 무엇을 의미하는지 알아보세요. 시각적으로 즐거운 색상 조합 뒤에 숨은 규칙을 이해하세요.

React의 동적 색상 테마 지정: CSS 변수 너머

CSS 변수, 컨텍스트 제공자 및 Tailwind CSS를 사용하여 React에서 동적 색상 테마를 구현합니다. 런타임 색상 생성을 통해 사용자 정의 가능한 테마를 구축하세요.