ホームページ作成ロゴ

 ホームページの配色を確かめるためのページです。色の比較もできるように、一番下に用意しました。

使い方

 「初期値」にRGBカラー番号を16進数で入力して、INITボタンを押してください。またはチャートをクリックしてカラーチャートを開き、そのページの色をクリックすることでも色の変更は可能です。
 選択した色を変更するには矢印ボタンを押してください。設定を基準に白に近づけた色、黒に近づけた色を確認することができます。変化具合を変えるには、「変化量」の値を変更してください。
 カラーチャートには、WEB SAFE COLORといわれている16色と216色を色見本に選んでいます。重複する色もありますことが、見易さを重視したためであることを御了承ください。
counter

 バックグランド色変更

初期値 チャート
現在の色
変化量RGBそれぞれの変化を決めるステップ値です。(16進数)

 文字色変更

初期値 チャート
現在色

 色比較

 色比較プログラムです。ホームページの全体色以外の色を確認できます。
変化量(16進数)
初期値
チャート

現在の色




TEST FONT
確認用フォント 取込用
font 確認用
font 確認用
font 確認用
font 確認用
font 確認用
font 確認用
font 確認用
font 確認用
font 確認用
初期値
チャート





画像取込:
配色の参考サイト

 配色の参考になるサイトの紹介

ColorBlender
配色を自動で検討
Netcocktail
ベースカラーから参考になりそうなサイトを紹介

このページはリンクフリーです。