カラーピッカーへ移動

配色パレット:鮮やかな 空色、鮮やかな アンバー

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

スタイル
  1. 3694DE鮮やかな 空色
  2. C67A0B鮮やかな アンバー

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

書き出し

書き出し
値
:root {
    --steel-blue: oklch(64.608% 0.14079 246.413);
    --ochre: oklch(64.618% 0.14062 66.655);
}

チェック

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

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

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

シミュレーターで開く

このパレットの色

名前HEXRGBOKLCH
鮮やかな 空色#3694dergb(54 148 222)oklch(64.608% 0.14079 246.413)
鮮やかな アンバー#c67a0brgb(198 122 11)oklch(64.618% 0.14062 66.655)