css テーマの配色を決めるのに便利なツール: ウェブ配色ツール

cssをいじる時に悩むのが配色(色の組み合わせ)です。

色々なカラーテーマを検索しても良いですが、便利なツールを使うのも良いと思います。

今回は ウェブ配色ツール を使ってみました。 これは1色選ぶと良い感じの配色を自動的に表示してくれます。 配色一覧をコピーできるようになっています。

ちなみに、このサイトの配色は次の通りです:

テーマカラー #3D3BBA
全体の背景#2E2CA5
メニュー #2E2D77
ロゴ #555555
本文見出し1 #3431D4
本文見出し2 #7472DB
サイドバー見出し#B2B1E9
サイドバー背景 #E4E4F8

ウェブ配色ツール Ver2.0

1色選ぶと勝手に配色をしてくれるツールです。どなたでも無料でご利用いただけます。カラー&Webデザイン フォルトゥナが制作しました。