ATLASエディション / カラーパレット

エディトリアルパレット · ダーク · #007135

#007135から始まる6色のダークパレットです。色相関係は補色で、実際の色見本は#007135 · #FF8ECA · #C7E0D3 · #002B14 · #101115 · #F5F3ECです。前景色#F5F3ECと背景色#101115の実測コントラスト比は16.99:1です。

再現性のある設計

レシピを、そのまま見せる。

基準色
#007135 ↗
エンジンバージョン
1.0.0-colorjs-0.7.1
再現用シード値
28981
色空間
不透明なsRGB
制作ノート

変えられる出発点。

明るい色は白78%、暗い色は黒62%をsRGBチャンネル補間で混ぜ、8ビット値に一度だけ丸めています。この重みは知覚的な明るさを示しません。アクセント色はRGBの各チャンネルを最大値から差し引いた色です。

色の順序は、下に示す意味上の役割に対応します。各色を使用予定の背景と比較してください。前景と背景の測定だけで全組み合わせが認証されるわけではありません。開くと役割のロックと正確な色が保持されます。

このエディションを開くと正確なプロジェクトを復元します。パレットやシーンを編集し、同じ色を別のツールに使っても、出力全体はつながったままです。

生成された前景と背景の比率は16.99:1です。ひとつの文字色ペアの検証であり、完全なWCAG評価ではありません。

実際のカラースウォッチ

コード、役割、文字のコントラスト。

役割カラーパスポート黒文字白文字
基準色#007135 ↗3.41:1 · AA通常文字に不適合6.15:1 · AA通常文字に適合
アクセント#FF8ECA ↗9.97:1 · AA通常文字に適合2.11:1 · AA通常文字に不適合
明色#C7E0D3 ↗15.03:1 · AA通常文字に適合1.40:1 · AA通常文字に不適合
暗色#002B14 ↗1.36:1 · AA通常文字に不適合15.49:1 · AA通常文字に適合
背景#101115 ↗1.11:1 · AA通常文字に不適合18.87:1 · AA通常文字に適合
前景#F5F3EC ↗18.91:1 · AA通常文字に適合1.11:1 · AA通常文字に不適合
:root {
  --seed: #007135;
  --accent: #ff8eca;
  --tint: #c7e0d3;
  --shade: #002b14;
  --background: #101115;
  --foreground: #f5f3ec;
}