カラーピッカーへ移動

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

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

スタイル
  1. 3A8564鮮やかな エメラルド
  2. 995E83やわらかな ピンク

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

書き出し

書き出し
値
:root {
    --teal: oklch(55.961% 0.09147 162.276);
    --marsala: oklch(55.927% 0.09129 342.279);
}

チェック

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

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

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

シミュレーターで開く

このパレットの色

名前HEXRGBOKLCH
#3a8564rgb(58 133 100)oklch(55.961% 0.09147 162.276)
#995e83rgb(153 94 131)oklch(55.927% 0.09129 342.279)