カラーピッカーへ移動

配色パレット:鮮やかな ごく明るい黄色、パステル調の ごく明るいバイオレット

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

スタイル
  1. E2EA46鮮やかな ごく明るい黄色
  2. DFD7FFパステル調の ごく明るいバイオレット

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

書き出し

書き出し
値
:root {
    --canary-yellow: oklch(90.291% 0.17792 112.245);
    --periwinkle: oklch(89.81% 0.05494 294.437);
}

チェック

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

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

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

シミュレーターで開く

このパレットの色

名前HEXRGBOKLCH
鮮やかな ごく明るい黄色#e2ea46rgb(226 234 70)oklch(90.291% 0.17792 112.245)
パステル調の ごく明るいバイオレット#dfd7ffrgb(223 215 255)oklch(89.81% 0.05494 294.437)