18 種類のアイボリーの色合い (+ HEXコード)

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

アイボリーは温度を許された白です。純白の隣では古びて見えますが、単独では上質に見えるため、文具やブライダルのデザインで好まれます。

広い背景では #FFF の代わりに使うと、色と気づかせずにまぶしさだけを抑えられます。

  • white
    #ffffff
  • chilean heath
    #ffffe6
  • cream
    #ffffcd
  • portafino
    #ffffb3
  • pale canary
    #ffff9a
  • dolly
    #ffff81
  • laser lemon
    #ffff68
  • gorse
    #ffff4e
  • golden fizz
    #ffff35
  • broom
    #ffff1c
  • yellow
    #ffff03
  • turbo
    #e8e800
  • rio grande
    #cfcf00
  • buddha gold
    #b6b600
  • olive
    #9d9d00
  • verdun green
    #515100
  • madras
    #383800
  • cola
    #1f1f00

アイボリー: HEX & RGB コード

アイボリー の主なカラーコードは以下のとおりです:

  • HEX: #ffffff

  • RGB: (255, 255, 255).

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

アイボリーのティントを探索する

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

  • White

    #ffffff

アイボリーのシェードを探索する

  • Aubergine

    #330a0a

  • Brown Derby

    #4f1717

  • Buccaneer

    #662929

  • Lotus

    #814141

  • Au Chico

    #995c5c

  • Brandy Rose

    #b47e7e

  • Eunry

    #cca3a3

  • Dust Storm

    #e7d0d0

アイボリーのHEX・RGB・HSL・CMYK

HEX#FFFFF0
RGBrgb(255, 255, 240)
HSLhsl(60, 100%, 97%)
CMYKcmyk(0%, 0%, 6%, 0%)

アイボリーの明るい色と暗い色

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

明るい方向

  • #ffffef

  • #ffffee

  • #ffffed

  • #ffffec

  • #ffffeb

  • #ffffeb

暗い方向

  • #ffffa1

  • #ffff52

  • #ffff03

  • #b2b300

  • #636300

  • #141400

アイボリーと相性のよい色

補色

#FFFFF0 #f0f0ff

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

類似色

#fff7f0 #FFFFF0 #f7fff0

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

トライアド

#FFFFF0 #f0ffff #fff0ff

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

アイボリーの上の文字

プライマリテキストの例
アイボリーの上の白い文字1.01:1不合格
プライマリテキストの例
アイボリーの上のほぼ黒い文字17.58:1AAA

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

アイボリーのシェードチャート

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

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

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

アイボリーの色合いを使ったカラーパレット