Color Theory

틴트

순색에 흰색을 혼합하여 밝게 만든 색.

Tints are lighter variations of a base color. For example, adding white to red produces pink, which is a tint of red. Tints retain the original hue but reduce its saturation and increase its lightness. In web design, tints are commonly used for backgrounds, hover states, and subtle UI elements. Tailwind CSS shade scales from 50 to 400 generally represent tints of the base color. Tints convey softness, openness, and approachability in design.

직접 해보기

쉐이드 생성기

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

관련 글

Chainlink 브랜드 컬러: 오라클 블루와 육각형

Chainlink의 독특한 블루(#375BD2)와 육각형 로고 상징주의를 탐구하세요. 오라클 네트워크 브랜딩이 DeFi 인프라에서 어떻게 기업 신뢰를 구축하는지 알아보세요.

Cardano 브랜드 컬러: 학문적 블루와 블록체인의 만남

Cardano의 학문적 블루 브랜드 아이덴티티, 연구 중심의 블록체인 개발과의 연결, 그리고 생태계 전반에 걸쳐 사용되는 정확한 헥스 코드를 알아보세요.

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

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

JavaScript 색상 조작: 라이브러리와 기법

chroma.js, culori, tinycolor2로 JavaScript 색상 조작을 마스터하세요. 웹 애플리케이션을 위한 색상 파싱, 변환, 생성을 프로그래매틱하게 처리하는 방법을 배웁니다.

인간의 눈은 몇 가지 색을 볼 수 있을까?

인간의 눈은 대략 1,000만 가지 색을 구분할 수 있습니다. 원추세포의 작동 원리, 테트라크로마시, 그리고 화면이 우리가 보는 색의 일부만 표시하는 이유를 알아보세요.

브랜드 색상 시스템 처음부터 구축하기

브랜드 색상 시스템 구축 단계별 가이드: 주요 색상 선택, 보조 색상, 중성색, 의미론적 색상 선택과 팀 전체에 확장 가능한 문서화 방법.