カラーピッカーへ移動

カラーパレット:鮮やかな 明るいエメラルド、やわらかな 明るいピンク

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

スタイル
  1. 2FC596鮮やかな 明るいエメラルド
  2. E883BBやわらかな 明るいピンク

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

書き出し

書き出し
値
:root {
    --emerald: oklch(73.588% 0.14023 166.573);
    --hot-pink: oklch(73.591% 0.13995 346.696);
}

チェック

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

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

色覚特性のある人に同じに見える組み合わせ:2

シミュレーターで開く

このパレットの色

名前HEXRGBOKLCH
#2fc596rgb(47 197 150)oklch(73.588% 0.14023 166.573)
#e883bbrgb(232 131 187)oklch(73.591% 0.13995 346.696)