ATLASエディション / カラーパレット
エディトリアルパレット · ダーク · #006DF3
#006DF3から始まる6色のダークパレットです。色相関係は補色で、実際の色見本は#006DF3 · #FF920C · #C7DFFC · #00295C · #101115 · #F5F3ECです。前景色#F5F3ECと背景色#101115の実測コントラスト比は16.99:1です。
レシピを、そのまま見せる。
- 基準色
- #006DF3 ↗
- エンジンバージョン
- 1.0.0-colorjs-0.7.1
- 再現用シード値
- 28147
- 色空間
- 不透明なsRGB
変えられる出発点。
明るい色は白78%、暗い色は黒62%をsRGBチャンネル補間で混ぜ、8ビット値に一度だけ丸めています。この重みは知覚的な明るさを示しません。アクセント色はRGBの各チャンネルを最大値から差し引いた色です。
色の順序は、下に示す意味上の役割に対応します。各色を使用予定の背景と比較してください。前景と背景の測定だけで全組み合わせが認証されるわけではありません。開くと役割のロックと正確な色が保持されます。
このエディションを開くと正確なプロジェクトを復元します。パレットやシーンを編集し、同じ色を別のツールに使っても、出力全体はつながったままです。
生成された前景と背景の比率は16.99:1です。ひとつの文字色ペアの検証であり、完全なWCAG評価ではありません。
実際のカラースウォッチ
コード、役割、文字のコントラスト。
| 役割 | カラーパスポート | 黒文字 | 白文字 |
|---|---|---|---|
| 基準色 | #006DF3 ↗ | 4.48:1 · AA通常文字に不適合 | 4.69:1 · AA通常文字に適合 |
| アクセント | #FF920C ↗ | 9.37:1 · AA通常文字に適合 | 2.24:1 · AA通常文字に不適合 |
| 明色 | #C7DFFC ↗ | 15.39:1 · AA通常文字に適合 | 1.36:1 · AA通常文字に不適合 |
| 暗色 | #00295C ↗ | 1.47:1 · AA通常文字に不適合 | 14.27:1 · AA通常文字に適合 |
| 背景 | #101115 ↗ | 1.11:1 · AA通常文字に不適合 | 18.87:1 · AA通常文字に適合 |
| 前景 | #F5F3EC ↗ | 18.91:1 · AA通常文字に適合 | 1.11:1 · AA通常文字に不適合 |
:root {
--seed: #006df3;
--accent: #ff920c;
--tint: #c7dffc;
--shade: #00295c;
--background: #101115;
--foreground: #f5f3ec;
}