カラーピッカーへ移動
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