カラーピッカーへ移動

カラーパレット:鮮やかな 明るい空色、やわらかな 明るいオレンジ

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

スタイル
  1. 39B2DA鮮やかな 明るい空色
  2. E08A63やわらかな 明るいオレンジ

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

書き出し

書き出し
値
:root {
    --sky-blue: oklch(71.454% 0.11837 224.631);
    --terracotta: oklch(71.509% 0.1182 44.799);
}

チェック

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

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

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

シミュレーターで開く

このパレットの色

名前HEXRGBOKLCH
#39b2dargb(57 178 218)oklch(71.454% 0.11837 224.631)
#e08a63rgb(224 138 99)oklch(71.509% 0.1182 44.799)