Color Theory

셰이드

순색에 검정을 혼합하여 어둡게 만든 색.

Shades are darker variations of a base color. For example, adding black to blue produces navy, which is a shade of blue. Shades preserve the original hue but increase depth and intensity. In web design, shades work well for text, borders, and emphasis elements. Tailwind CSS shade scales from 600 to 950 typically represent shades of the base color. Shades convey richness, stability, and seriousness in design contexts.

직접 해보기

쉐이드 생성기

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

관련 글

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

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

Amazon 브랜드 컬러: 서점 갈색에서 스마일 오렌지까지

서점 갈색에서 상징적인 스마일 오렌지(#FF9900)까지 Amazon의 브랜드 컬러 진화를 추적합니다. Prime 파랑, AWS 컬러, 서브브랜드 팔레트를 탐구합니다.

Airbnb 브랜드 컬러: 라우시 레드 뒤에 숨겨진 이야기

Airbnb의 라우시 레드(#FF5A5F), 벨로 심볼의 색상 진화, 그리고 Airbnb가 여행 브랜딩에서 신뢰와 소속감을 구축하기 위해 색상을 활용하는 방법을 탐구합니다.

테더 브랜드 색상: Stablecoin Green Trust

Tether의 녹색(#26A17B) 브랜드 색상을 이해하고 스테이블코인 브랜딩이 녹색을 사용하여 안정성, 신뢰 및 달러 페그 신뢰성을 전달하는 방법을 이해하세요.

Navy Blue vs Dark Blue: 무엇이 다른가?

Navy blue(#000080)는 표준화된 특정 짙은 파랑입니다. dark blue와의 차이, 영국 Royal Navy 기원, hex 코드, 디자인 활용을 알아보세요.

유사색 배색: 시각적 조화 만들기

유사색 배색이 인접한 색상을 사용하여 자연스러운 조화를 만드는 방법을 알아보세요. 팔레트 선택 팁, 실제 디자인 예시, 헥스 코드를 포함합니다.