メルロロのWEBデザイン

サイトを作る為のちょっとした知識や素材を置いています。

カラーピッカー

カラーコード確認テスト おまけ




















ヘッダーとか
H2とかH1とかの見出し

色の確認、テストにお使い下さい。

大まかに<body>背景、ヘッダー背景、メイン背景、フッター背景とそれぞれ文字色を変えられるようにしています。

それぞれのテキストボックスに上部カラーピッカーで作成した色のカラーコードを入力し、“反映”ボタンを押すと色が変わります。

カラーピッカーで「これだ!」と思う色を見つけても、実際背景色や文字色にしてみたら、「あれ、なんか違う」ってなりますよね。あるあるですよね。

フッター
▲ Page top ▲