DevArbor
#FFFFF0

Ivory — カラーコードとパレット

#FFFFF0  ·  rgb(255, 255, 240)  ·  hsl(60, 100%, 97%)

カラーコード

形式 値
HEX #FFFFF0
RGB rgb(255, 255, 240)
HSL hsl(60, 100%, 97%)

Ivoryのシェード（暗色系）

#FFFFBD#FFFF8A#FFFF57#FFFF24#F0F000#BDBD00#8A8A00#575700

Ivoryのティント（淡色系）

#FFFFF0#FFFFF0#FFFFF0#FFFFF0#FFFFF0#FFFFF0#FFFFF0#FFFFF0

カラーペアリングとハーモニー

補色
#F0F0FF
類似色 +30°
#F7FFF0
類似色 −30°
#FFF7F0
トライアド +120°
#F0FFFF
トライアド −120°
#FFF0FF

コントラストとアクセシビリティ（WCAG 2.1）

白（#FFFFFF）との対比
1.01:1 — 不合格
黒（#000000）との対比
20.81:1 — 通常テキストでAAAパス

CSSスニペット

.element {
  color: #FFFFF0;
}

.element-bg {
  background-color: #FFFFF0;
  color: #000000;
}

.element-border {
  border: 2px solid #FFFFF0;
}

Ivoryについて

Ivoryはhsl(60, 100%, 97%)（色相60°、彩度100%、明度97%）で定義される非常に明るいの鮮やかで高彩度カラーで、HEXコードは#FFFFF0です。正確なカラーモデル値はRGBでrgb(255, 255, 240)、HSLでhsl(60, 100%, 97%)です。白背景でのコントラスト比は1.01:1 — 不合格、黒背景では20.81:1 — 通常テキストでAAAパスです。IvoryはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。

色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。

カラーピッカーを開く →

よくある質問

IvoryのRGB値は何ですか？
Ivory（#FFFFF0）のRGB値は rgb(255, 255, 240) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
Ivoryは白背景でアクセシブルですか？
Ivoryと白（#FFFFFF）のコントラスト比は 1.01:1 — 不合格 です。黒（#000000）との比は 20.81:1 — 通常テキストでAAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
Ivoryに合う色は何ですか？
カラー理論に基づくと、Ivory（hsl(60, 100%, 97%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。