白のカラーコード（白系の色）

純粋な白 #FFFFFF は、数ある白のひとつにすぎません。デザイナーは、目にやさしい、わずかに暖かいアイボリーや、涼しげなゴーストホワイトを好むことがよくあります。このページでは、白とオフホワイトを26色紹介します。snow、ivory、linen、seashell、ghostwhiteといったCSSの色名の白14色に、エッグシェル、アラバスター、クリーム、ボーンホワイト、イザベリン、バニラを加え、HEX・RGB・HSL・HSV・CMYK・OKLCHのコード、ティントとシェード、最も読みやすい文字色も示します。

使い方

1. リストから白系の色を選びます。
2. HEX、RGB、HSL、またはCMYKのコードをコピーします。
3. 枠線やカード向けに少し暗いバリエーションが欲しいときは、シェードの表を使います。
4. 一覧の表ですべての白を比較するか、スウォッチの図をダウンロードします。

計算式

ティント = c + (255 − c) × p · シェード = c × (1 − p) · 補色 = HSLの色相 + 180°

cは各RGBチャンネル、pは混ぜる割合（15〜75%）です。CMYKは単純な式 K = 1 − max(R′, G′, B′) を使います。紙では、白はインクではなく紙の色です。

計算例

アイボリー（ivory）は #FFFFF0 = rgb(255, 255, 240)、hsl(60, 100%, 97.1%) で、青みがわずかに少ない白です。エッグシェル #F0EAD6 はもっと暖かく暗い色で、CMYKは 0%, 2.5%, 10.8%, 5.9% です。純白の上の黒い文字は、最大のコントラスト比21:1に達します。