カラーピッカーへ移動

カラーコード #ffd882:パステル調の ごく明るい黄色

#ffd882 はRGBで rgb(255, 216, 130)、OKLCHで oklch(89.742% 0.11365 85.759) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

41°
100%

89.7%
0.114
86°
  • 黄色
  • ごく明るい
  • 鮮やか
  • パステル
  • 暖色系
  • ≈ カーキ
  • amber-200
  • 黒 0%

sRGBの範囲内:どの画面でも同じように表示されます。

白い文字
1.36:1読みにくい
Lc -20
黒い文字
15.40:1読みやすい · AA
Lc 86

シェード

明るい順に並んでいます。クリックするとそのシェードを使えます。

配色ハーモニー

パレットで開く

最近の色

選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。

#ffd882 について

#ffd882 はパステル調の ごく明るい黄色です。OKLCHでは明度 89.7%、クロマ 0.114、色相 86° です。

sRGBの範囲内:どの画面でも同じように表示されます。

この色の上では白い文字のコントラストが 1.36:1、黒い文字が 15.4:1 なので、黒の文字のほうが読みやすくなります。

最も近い名前のある色はカーキ(#f0e68c)です。Tailwind CSSで最も近い色は amber-200 です。

ほかの黄色系の色(ごく明るい)系の色

明るく:#ffd882 に白を混ぜる

  1. ffd882
  2. ffdc90
  3. ffe09d
  4. ffe4aa
  5. ffe8b7
  6. ffecc3
  7. fff0d0
  8. fff4dc
  9. fff8e7
  10. fffbf3

暗く:#ffd882 に黒を混ぜる

  1. ffd882
  2. debc70
  3. bea05f
  4. 9e854e
  5. 806b3e
  6. 63532f
  7. 483b20
  8. 2e2512
  9. 161106
  10. 030201

落ち着かせる:#ffd882 の彩度を下げる

  1. ffd882
  2. fcd98d
  3. f8d997
  4. f5daa1
  5. f2dbaa
  6. eedbb3
  7. ebdcbc
  8. e7dcc4
  9. e4dccd
  10. e0ddd5

#ffd882 についてのよくある質問

#ffd882 は何色ですか?

#ffd882 はパステル調の ごく明るい黄色です。最も近い名前のある色はパステル調の ごく明るい黄色です。RGBでは rgb(255, 216, 130)、HSLでは hsl(41.28, 100%, 75.49%)、OKLCHでは oklch(89.742% 0.11365 85.759) です。

#ffd882 に合う色は?

#ffd882 の補色は #c7ddff です。落ち着いた組み合わせにするなら、類似色の #ffcea4 と #d9e78e を使いましょう。トライアドの組み合わせは #75f3ff と #ffc3ff です。

#ffd882 の上では白と黒のどちらの文字が読みやすいですか?

#ffd882 の上では黒の文字のほうが読みやすくなります。白はコントラスト比 1.36:1、黒は 15.4:1 です。WCAG AAでは本文に4.5:1以上が求められます。

#ffd882 は暖色と寒色のどちらですか?

#ffd882 は暖色系の色です。OKLCHでは色相 86度、明度 89.7%、クロマ 0.114 です。