ツール一覧 > 配色と色数値変換

背景色と文字色との色合いを確認したり色数字(カラーコード)のRGB値を16進数に変換できるページ


このページは JavaScript を使っています
【動作確認済パソコンとブラウザ】
パソコン: Windows10
ブラウザ: Google Chrome, FireFox、MS-Edge、InternetExplorer11
スマホ:iPhone(Safari) ver.13.3.1で確認済み
【説明】
Webサイト(ホームページ)上の背景色と文字色、隣接した2色を比較したい場合など配色や色合いが確認できるページです。色を表す色数字(カラーコード)を半角数字で入力して[色変更]ボタンで適用されます。また色名(例 Yellow)でも指定可能です。元に戻す時は[初期色]ボタンです。なおRGB値(例 '204,000,051')で入力すると16進数(例 '#cc0033')に変換します。


このページの背景色

16進数(例 #ff0000)の色コードまたは色名(例 Red)

RGB値の10進数(例 204 000 051)を入力して
R G B 変色と同時に 16進数 に自動変換


このページの文字色

16進数(例 #c0c0c0)の色コードまたは色名(例 blue)

RGB値の10進数 → 16進数に自動変換
R G B


下の四角形の色

16進数(例 #008000)の色コードまたは定義色(例 green)

RGB値の10進数 → 16進数に自動変換
R G B


考えられるトラブル
Q.16進数の色が変わらない
A.例 008000ではなく#をつけて#008000と入力して下さい。また半角英数で入力して下さい。さらに入力ミスや存在しない色名だと色は変化しません

Q.RPG値の色が変わらない
A.RGB値には半角数字しか対応していないので、R, G, Bの入力欄にccやffを入力しても色は変わりません。

※ご利用は自由ですが自己責任でお願いします