Color Theory

톤

순색에 회색(검정과 흰색 혼합)을 더하여 채도를 낮춘 색.

Tones are more muted and subdued than the original hue, lying between tints and shades in character. Adding gray to any hue desaturates it without dramatically changing its lightness, resulting in colors that feel more natural and less intense. Tones are commonly found in nature and are popular in interior design and fashion because they are easy on the eye and harmonize well together. In color theory, toning is the most effective way to create sophisticated, understated palettes.

직접 해보기

쉐이드 생성기

디자인 시스템을 위해 모든 기본 색상에서 Tailwind CSS 스타일의 쉐이드 스케일(50~950)을 생성합니다.

팔레트 생성기

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

관련 글

지각 색상 공간: Lab, LCH, Oklab, OKLCH

CIE Lab, LCH, Oklab, OKLCH 등 지각적으로 균일한 색상 공간을 탐색해 보세요. 각 디자인이 어떻게 설계되었는지, 어디에 뛰어난지, CSS 및 디자인 작업에 어떤 것이 사용되는지 알아보세요.

웹 디자이너를 위한 CMYK: 인쇄가 화면을 만날 때

인쇄 프로젝트를 진행하는 웹 디자이너는 CMYK를 이해해야 합니다. 색역 차이, 안전한 RGB-CMYK 변환 전략, 인쇄 교정 작업 흐름 및 일반적인 함정에 대해 알아보세요.

인쇄 디자인의 포일 스탬핑 및 금속 색상

포일 스탬핑 기술, 금속 잉크 옵션, 금박 및 은박 선택, 고급 인쇄 재료에 대한 디자인 고려 사항에 대해 알아보세요.

에메랄드 vs 제이드 vs 포레스트 그린: 녹색 비교 가이드

에메랄드(#50C878), 옥(#00A86B), 포레스트 그린(#228B22)을 비교해보세요. 인기 있는 녹색 색상 간의 시각적 및 16진수 코드 차이점을 알아보세요.

청록색과 청록색의 차이점

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

회색 대 회색: 철자법, 음영 및 색상 코드

회색인가요 회색인가요? 미국식과 영국식 철자 차이, CSS 명명된 색상 규칙, 50가지 회색 16진수 코드, 웜 그레이와 쿨 그레이 선택에 대해 알아보세요.