20221022
Adobe Color を使って、ホームページの配色を見直してみました。まず、現状の配色が以下のとおり。
左下の青色を除いて一直線状に 4 色が並んでいることがわかる。いわゆる補色 (Complementary Color) を使った配色になっている。特に緑と茶色 (薄) は彩度も近しく綺麗な対になっている (というか最初にそうなるように選んでいる)。茶色(濃) は確か、茶色 (薄)と色相が変わらないように選んだ気がする。赤色まで色相を揃えた記憶は無いのだが、ほぼ揃っている。
ということで、和を乱しているのは青色である。そして、その青色をどこに使っているかと言えば、マイナスの強調色とリンク色である。いっそのこと緑と黄色の境界あたりの色を追加して Triad にする手もあるが、リンク色は青のイメージが強いのでなるべく変えたくない。ということで、リンク色はそのまま残留とした。一方で、リンク色と強調色が混同しやすいので、青色を強調色に使うのを止めることにした。
そうなると、強調色が赤色一色になってしまうので、サブ強調色を用意しようと思う。せっかく補色ルールに従っているので、緑の延長線上で強調色を用意することにした。
#284035 は強調色というよりは背景色の予備用。中央の #58C793 が強調色用。しかし、色が薄いので文字色として直接使うのは難しいかもしれない。#58C793 の方が良いかもしれない。これで試してみる。