37 種類のクリームの色合い (+ HEXコード)

明るいクリームから深いクリームまで、すべてのクリームの色合いを探索しましょう!HEXコード、色名、クリームのカラーパレットをチェック。好きな色をクリックしてHEXコードをコピーできます。

クリームは、温かみ、優雅さ、そして時代を超えた魅力の色です! 柔らかなパステルカラーからリッチでバターのようなトーンまで、心地よく洗練された雰囲気を演出する30種類以上のクリーム色を探索しましょう。

繊細な色合いから、より贅沢なトーンまで、名前とHEXコード付きでさまざまなバリエーションを見つけられます。 さらに、あなたのプロジェクトにぴったりの美しいクリームカラーパレットを発見しましょう!

  • cosmic latte
    #FFF8E6
  • snow
    #FEFAF9
  • linen
    #FAF0E6
  • cornsilk
    #FFF8DC
  • light yellow
    #FEFFED
  • floral white
    #FEFAEF
  • old lace
    #FDF6E6
  • ivory
    #FEFFEF
  • light golden rod yellow
    #FFFDD6
  • peachy beige
    #FFF1E6
  • vanilla cream
    #FFF4DD
  • almond milk
    #F8E8D8
  • pale spring bud
    #ECEBBD
  • papaya whip
    #FFEFD5
  • antique white
    #FAEBD6
  • eggshell
    #F1EAD7
  • tea rose
    #F4C2C3
  • light khaki
    #F0E78C
  • pearl
    #EAE0C7
  • bone
    #E3DAC9
  • buff
    #F0DC83
  • topaz
    #FFC87D
  • light apricot
    #FDD5B1
  • wheat
    #F5DEB4
  • blanched almond
    #FFECCE
  • champagne
    #FAD6A4
  • vanilla
    #F4E5AC
  • peach puff
    #FEDAB8
  • pastel yellow
    #FCFD95
  • lemon chiffon
    #FEFACD
  • sand dollar
    #F3E5AB
  • marzipan
    #EEDC82
  • soft peach
    #FFF3E0
  • buttercream
    #FAE0C3
  • almond
    #F7E7CE
  • beige blush
    #EFE5CF
  • light caramel
    #F8DFC1

クリーム: HEX & RGB コード

クリーム の主なカラーコードは以下のとおりです:

  • HEX: #FFFDD0

  • RGB: (255, 253, 208).

インタラクティブなカラーピッカーを使って、さまざまな クリーム の色合いを探索しましょう。カラーをクリックすると、HEXコードをコピーしてプロジェクトで使用できます!

クリームのティントを探索する

  • Cream

    #fffdd1

  • Cream

    #fffdd6

  • Scotch Mist

    #fffddb

  • Half and Half

    #fffee0

  • Chilean Heath

    #fffee5

  • Chilean Heath

    #fffee5

  • Apricot White

    #fffeeb

  • Rice Cake

    #fffef0

  • Ivory

    #fffff5

  • Black White

    #fffffa

クリームのシェードを探索する

  • Turtle Green

    #353308

  • Punga

    #4e4b13

  • Fern Frond

    #646120

  • Pesto

    #7f7b34

  • Limed Oak

    #9a974c

  • Gimblet

    #b3af65

  • Yuma

    #ccc885

  • Hampton

    #e6e3a8

クリームのHEX・RGB・HSL・CMYK

HEX#FFFDD0
RGBrgb(255, 253, 208)
HSLhsl(57, 100%, 91%)
CMYKcmyk(0%, 1%, 18%, 0%)

クリームの明るい色と暗い色

白を足すと明るく、黒を足すと暗くなりますが、色相は変わりません。同じ色のままでいてほしいホバー状態や境界線、背景に使えます。

明るい方向

  • #fffdd5

  • #fffdda

  • #fffdde

  • #fffee2

  • #fffee6

  • #fffeeb

暗い方向

  • #fff987

  • #fff53d

  • #f2e600

  • #a8a000

  • #5e5a00

  • #141300

クリームと相性のよい色

補色

#FFFDD0 #d1d3ff

色相環の反対側。コントラストが最も強いので、アクセントに使い、広い面積には使わないでください。

類似色

#ffe6d1 #FFFDD0 #eaffd1

色相環の隣どうし。穏やかでまとまりやすく、配色を組む最も安全な方法です。

トライアド

#FFFDD0 #d1fffd #fdd1ff

等間隔に離れた三色。にぎやかで均衡が取れますが、一色を主役にしてください。

クリームの上の文字

プライマリテキストの例
クリームの上の白い文字1.04:1不合格
プライマリテキストの例
クリームの上のほぼ黒い文字17.07:1AAA

WCAGの基準で測定しています。本文は4.5:1、大きな文字は3:1です。自分の組み合わせは次で試せます: コントラストチェッカー

クリームのシェードチャート

クリームの明るい色から暗い色まで五段階を並べたシェードチャート

右クリックでチャートを保存できます。個別のコードは上からコピーしてください。

似た色合いを使ったカラーパレット

クリームの色合いを使ったカラーパレット