カラーピッカーへ移動

カラーパレット:くすんだ ごく明るいエメラルド、くすんだ ごく明るいマゼンタ

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

スタイル
  1. C7DBCDくすんだ ごく明るいエメラルド
  2. E2CEDDくすんだ ごく明るいマゼンタ

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

書き出し

書き出し
値
:root {
    --light-gray: oklch(87.252% 0.02866 155.229);
    --light-gray-2: oklch(87.222% 0.02986 334.443);
}

チェック

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

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

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

シミュレーターで開く

このパレットの色

名前HEXRGBOKLCH
くすんだ ごく明るいエメラルド#c7dbcdrgb(199 219 205)oklch(87.252% 0.02866 155.229)
くすんだ ごく明るいマゼンタ#e2ceddrgb(226 206 221)oklch(87.222% 0.02986 334.443)