直感で選べる！Web色見本帳 | Intuitive Color Picker

2026年1月27日

直感で『いいな』と思った色をクリック！
Webサイトや推し活に使えるカラーコード（HEX・RGB・HSL）を、ワンタップで瞬時にコピーできる便利なパレットです。

Format:

Copied!

💡 基本的な使い方

📚 用語の解説

Hue (色相/ヒュー) – 「色味の違い」
赤、青、黄色といった「色の種類」のことです。円形に並べた「色相環」をイメージしてください。「Sort: Hue」ボタンを押すと、バラバラだった色が虹のグラデーション順に並び直すので、好みの色が探しやすくなります。
HEX (ヘックス) – 「Web用の記号」
`#FF5733` のように `#` と英数字で表す形式です。Webサイトを作るときに一番よく使われる、コンピュータ用の色のあだ名のようなものです。
RGB (アールジービー) – 「光の三原色」
赤(Red)・緑(Green)・青(Blue)の3つの光を混ぜて色を作ります。パソコンやスマホの画面はこの仕組みで光っています。数値は `0〜255` で、大きいほど明るく光ります。
HSL (エイチエスエル) – 「人間の感覚」
色を「色相(Hue)」「鮮やかさ(Saturation)」「明るさ(Lightness)」の3つで指定します。「もっと鮮やかにしたい」「もう少し暗くしたい」といった調整が直感的にできる、人間に優しい形式です。

ご利用にあたっては、本Webアプリの利用規約も合わせてご確認ください。

バグや表示の乱れなどがあれば、こちらよりお知らせください。