配色ジェネレーター

類似色

基準色の色相に近い色を比較できます。

基準色

基準色に近い類似色

#5CA3C1辞典で見る

#5C71C1辞典で見る

#7B5CC1辞典で見る

配色コード

CSS変数

:root {
  --palette-1: #5CA3C1;
  --palette-2: #5C71C1;
  --palette-3: #7B5CC1;
}