컬러 피커로 건너뛰기
Pick
Shade
모든 도구
컬러 피커
팔레트
이미지에서
색상
변환
대비
그라데이션
Tailwind
검색
Ctrl K
한국어
모든 도구
컬러 피커
팔레트
이미지에서
색상
변환
대비
그라데이션
Tailwind
모든 Tailwind 색상
Tailwind taupe 컬러 팔레트
Tailwind CSS v4.3.3의 taupe 11단계 전체를 OKLCH, HEX, RGB 값과 텍스트 대비와 함께 보여 줍니다.
@theme 블록 복사
단계
클래스
OKLCH
HEX
RGB
흰색 텍스트
검은색 텍스트
50
taupe-50
oklch(98.6% 0.002 67.8)
#fbfaf9
rgb(251 250 249)
1.04
20.17
100
taupe-100
oklch(96% 0.002 17.2)
#f3f1f1
rgb(243 241 241)
1.12
18.68
200
taupe-200
oklch(92.2% 0.005 34.3)
#e8e4e3
rgb(232 228 227)
1.26
16.65
300
taupe-300
oklch(86.8% 0.007 39.5)
#d8d2d0
rgb(216 210 208)
1.49
14.05
400
taupe-400
oklch(71.4% 0.014 41.2)
#aba09c
rgb(171 160 156)
2.55
8.24
500
taupe-500
oklch(54.7% 0.021 43.1)
#7c6d67
rgb(124 109 103)
4.95
4.24
600
taupe-600
oklch(43.8% 0.017 39.3)
#5b4f4b
rgb(91 79 75)
7.89
2.66
700
taupe-700
oklch(36.7% 0.016 35.7)
#473c39
rgb(71 60 57)
10.63
1.98
800
taupe-800
oklch(26.8% 0.011 36.5)
#2b2422
rgb(43 36 34)
15.21
1.38
900
taupe-900
oklch(21.4% 0.009 43.1)
#1d1816
rgb(29 24 22)
17.59
1.19
950
taupe-950
oklch(14.7% 0.004 49.3)
#0c0a09
rgb(12 10 9)
19.75
1.06