Color Palette

カラーパレット

HEXカラーを入力すると、明度違い・補色・類似色を自動で生成します。 CSSやJIN:R用の色選びの下書きに使えます。

現在のベースカラー#2563EB

明るめ

少し明るめ

ベース

少し暗め

暗め

補色

類似色 -30°

類似色 +30°

使い方

JIN:Rのボックス色、CSS記事のサンプル色、アイキャッチ画像の色決めなどに使えます。 「補色」は反対色、「類似色」は近い雰囲気の色として考えると扱いやすいです。