カラーピッカーの無料ツールです。色を選ぶと、カラーコード(HEX)、RGB、HSLがすぐわかり、コピーできます。画像をクリックして色を調べるスポイトも使えます。画像はサーバーに送りません。
明るくした色・暗くした色(おすと選べます)
目次
使い方
- 「色を選ぶ」で色を決めます。HEXやRGBの欄に数字を入れても変わります。
- 使いたい形式の「コピー」をおします。
- 写真やロゴの色を知りたいときは、画像を選んで、調べたい場所をクリックします。
パソコンのChromeやEdgeでは「画面からスポイト」のボタンが出て、画面の中の色を調べられます。
HEX・RGB・HSLのちがい
| 形式 | 書き方の例 | 意味 |
|---|---|---|
| HEX | #1B7A43 | 赤・緑・青を16進数の2けたずつで表します。カラーコードと呼ばれます。 |
| RGB | rgb(27, 122, 67) | 赤・緑・青を0〜255の数で表します。 |
| HSL | hsl(145, 64%, 29%) | 色相(0〜360)、彩度、明度で表します。明るさだけ変えたいときに便利です。 |
基本の色のカラーコード
| 色 | HEX | RGB |
|---|---|---|
| 白 | #FFFFFF | rgb(255, 255, 255) |
| 黒 | #000000 | rgb(0, 0, 0) |
| 赤 | #FF0000 | rgb(255, 0, 0) |
| 緑 | #00FF00 | rgb(0, 255, 0) |
| 青 | #0000FF | rgb(0, 0, 255) |
| 黄 | #FFFF00 | rgb(255, 255, 0) |
| シアン | #00FFFF | rgb(0, 255, 255) |
| マゼンタ | #FF00FF | rgb(255, 0, 255) |
| 灰色 | #808080 | rgb(128, 128, 128) |
色の名前で探すならカラーコード一覧、日本の伝統色は和色一覧をご覧ください。
よくある質問
印刷すると色がちがって見えます
画面は光の3色(RGB)、印刷はインクの4色(CMYK)で色を作るので、同じ色にはなりません。大事な印刷物は試し刷りで確かめてください。
Excelで使えますか?
使えます。セルの塗りつぶしの「その他の色」→「ユーザー設定」で、RGBの数かHEXの値を入れます。
画像は送られますか?
送られません。画像も入力した内容も、お使いのブラウザの中だけで処理しています。