HTML カラーコード ─ すべての形式をひとつに

色を入力または選ぶだけで HEX・RGB・HSL・OKLCH を即座に表示。コントラストの確認、濃淡スケールの作成、ぴったりのパレット探しまでつながります。

ツール一覧

季節の空気感に合わせたパレット。クリックで HEX をコピーできます。

色名とカラーコードが一目でわかる色見本。クリックで各色のページへ。

料金はかかりますか？

すべてのツールを無料でご利用いただけます。会員登録も必要ありません。

アップロードした画像はどこかに保存されますか？

いいえ。画像はブラウザ内で読み込まれて処理され、サーバーには送信されません。

スマートフォンでも使えますか？

はい。タッチ操作に対応しており、スマートフォンやタブレットでも色を選んだりコピーしたりできます。

HEX と RGB はどちらを使えばよいですか？

どちらも同じ色を表します。CSS では短く書ける HEX がよく使われ、透明度を扱うときは RGBA が読みやすいです。詳しくはガイドで解説しています。