컬러 피커로 건너뛰기
Pick
Shade
모든 도구
컬러 피커
팔레트
이미지에서
색상
변환
대비
그라데이션
Tailwind
검색
Ctrl K
한국어
모든 도구
컬러 피커
팔레트
이미지에서
색상
변환
대비
그라데이션
Tailwind
모든 Tailwind 색상
Tailwind indigo 색상 팔레트
Tailwind CSS v4.3.3의 indigo 11단계 전체를 OKLCH, HEX, RGB 값과 텍스트 대비와 함께 보여 줍니다.
@theme 블록 복사
단계
클래스
OKLCH
HEX
RGB
흰색 텍스트
검은색 텍스트
50
indigo-50
oklch(96.2% 0.018 272.314)
#eef2ff
rgb(238 242 255)
1.12
18.78
100
indigo-100
oklch(93% 0.034 272.788)
#e0e7ff
rgb(224 231 255)
1.23
17.04
200
indigo-200
oklch(87% 0.065 274.039)
#c6d2ff
rgb(198 210 255)
1.49
14.07
300
indigo-300
oklch(78.5% 0.115 274.713)
#a3b3ff
rgb(163 179 255)
2.01
10.45
400
indigo-400
oklch(67.3% 0.182 276.935)
#7c86ff
rgb(124 134 255)
3.12
6.73
500
indigo-500
oklch(58.5% 0.233 277.117)
#615fff
rgb(97 95 255)
4.58
4.59
600
indigo-600
oklch(51.1% 0.262 276.966)
#4f39f6
rgb(79 57 246)
6.44
3.26
700
indigo-700
oklch(45.7% 0.24 277.023)
#432dd7
rgb(67 45 215)
8.07
2.6
800
indigo-800
oklch(39.8% 0.195 277.366)
#372aac
rgb(55 42 172)
10.09
2.08
900
indigo-900
oklch(35.9% 0.144 278.697)
#312c85
rgb(49 44 133)
11.47
1.83
950
indigo-950
oklch(25.7% 0.09 281.288)
#1e1a4d
rgb(30 26 77)
16.03
1.31