カラーピッカーへ移動

配色パレット:くすんだ 暗いエメラルド、くすんだ 暗いパープル

Spaceキーで新しいパレットを生成。気に入った色をロックすると、ほかの色がそれに合わせて変わります。

スタイル
  1. 28362Dくすんだ 暗いエメラルド
  2. 3A2D37くすんだ 暗いパープル

Spaceで新しいパレット、Ctrl+Zで元に戻す、色をクリックで編集。

書き出し

書き出し
値
:root {
    --graphite: oklch(31.713% 0.02455 156.525);
    --graphite-2: oklch(31.562% 0.02533 334.378);
}

チェック

読みやすい文字の組み合わせ

本文に必要な4.5:1に届く組み合わせがありません。ずっと暗い色か明るい色を追加しましょう。

色覚特性のある人にも、すべての色が見分けられます。

シミュレーターで開く

このパレットの色

名前HEXRGBOKLCH
くすんだ 暗いエメラルド#28362drgb(40 54 45)oklch(31.713% 0.02455 156.525)
くすんだ 暗いパープル#3a2d37rgb(58 45 55)oklch(31.562% 0.02533 334.378)