カラーコード変換ツール
HEX（#ff8800）・RGB・HSL を相互に変換します。どれか1つを入れると、ほかの形がすぐにわかります。
明るさのバリエーション
押すとその色に切り替わります。
文字色とのコントラスト
カラーコードの種類
- HEX（16進数）：#ff8800 のように、赤・緑・青をそれぞれ00〜ffの2けたで表します。#f80 のような3けたの省略形もあります。ホームページやデザインでいちばんよく使われます。
- RGB：rgb(255, 136, 0) のように、赤・緑・青を0〜255の数字で表します。
- HSL：hsl(32, 100%, 50%) のように、色相（0〜360度）・彩度・明度で表します。「同じ色で少し明るく」などの調整がしやすい形です。
コントラスト比とは
背景色と文字色の明るさの差を表す数字で、1〜21の範囲になります。ウェブのアクセシビリティの基準（WCAG）では、ふつうの文字は4.5以上、大きな文字は3以上が目安です。読みやすい配色を選ぶときの参考にしてください。