그라데이션 팔레트
그라데이션 팔레트는 가장 어두운 색부터 가장 밝은 색까지 일정한 단계로 이어집니다. CSS `linear-gradient`나 디자인 시스템의 색상 단계를 만드는 출발점으로 사용할 수 있습니다.
팔레트 예시
500#1B1B3A
400#3D348B
300#7678ED
200#B5B2F5
100#EDECFC
바로 복사할 수 있는 HEX 코드
색상 모음보다 중요한 단계의 흐름
그라데이션 팔레트에서는 색의 순서가 중요합니다. 각 색은 두 끝점 사이의 한 단계이므로 번호가 붙은 디자인 토큰(100, 200, 300…)과 일관된 색상 체계를 만들 때 좋은 출발점이 됩니다.
CSS에 바로 적용하기
팔레트를 CSS 변수나 Tailwind 설정으로 내보낸 뒤 양 끝 색은 그라데이션에, 중간 단계는 배경, 테두리, 상태 표시에 사용하세요. LFColors는 두 형식 모두 클릭 한 번으로 생성합니다.
나만의 그라데이션 팔레트 생성
가입 없이 무료