#fffafa
snow（スノー）
色値 色の表記。HEX(16進)・RGB(光の三原色)・HSL(色相/彩度/明度)・CMYK(印刷の4色・近似)。
- HEX
-
#fffafa - RGB
-
rgb(255, 250, 250) - HSL
-
hsl(0, 100%, 99%) - OKLCH
-
oklch(98.9% 0.005 17.2) - CMYK
-
0% 2% 2% 0%
- 相対輝度 相対輝度。色の明るさを 0(黒)〜1(白)で表した値で、WCAG のコントラスト計算に使います。
- 0.9653
- 色相 色相。色みの種類(赤・橙・黄…)のこと。色相環を12分割して分類しています。
- 無彩色
- 色名(CSS)
- snow（スノー）
コントラスト
| コントラスト比 コントラスト比。2色の明るさの差を 1:1〜21:1 で表した値。大きいほど読みやすくなります。 | APCA(Lc) APCA。WCAG 3 ドラフトの新しい知覚コントラスト指標。Lc はおおむね 0〜106 で、大きいほど読みやすい。符号は明暗(明背景に暗文字か、その逆か)を表します。 | |
|---|---|---|
| 背景に使う | ||
| 白文字 | 1.03:1 | 0 |
| 黒文字 | 20.31:1 | 104 |
| 文字色に使う | ||
| 白背景 | 1.03:1 | 0 |
| 黒背景 | 20.31:1 | -105 |
調和色
補色 補色。色相環で正反対(180°)の色。互いを引き立て合います。
類似色 類似色。色相環で隣り合う(±15°ほど)色。まとまりのある配色になります。
三色配色 三色配色。色相環を3等分(120°ずつ)した3色。バランスよく華やかです。
スプリット補色 スプリット補色。補色の両隣(180°±30°)の2色。補色よりも穏やかです。
四色配色 四色配色。色相環を4等分(90°ずつ)した4色。多色のアクセント向きです。
シェード・ティント シェード・ティント。白を混ぜた淡い色(ティント)と黒を混ぜた濃い色(シェード)の階調です。
印象 印象。色が与える雰囲気のタグ(暖かい・穏やか・鮮やか など)。
配色プレビュー
背景に使う（黒文字）
背景に使う（白文字）
文字色に使う（白背景）
文字色に使う（黒背景）
配色を試す
背景色 文字色