Developer tool
カラーコード変換・スポイト
カラーパレットで色を選ぶか、コードを入力するだけ。HEX・RGB・HSL を一度に確認し、ワンクリックでコピーできます。
無料
登録不要
スマホ対応
配色の候補
コードを押すとコピーできます
PR
あわせて使いたい
※ 商品リンクはアフィリエイト広告です。リンク先で購入されると、当サイトに紹介料が入ることがあります。
カラーコード変換・スポイトとは
カラーコード変換は、Webデザインやプレゼン資料づくりで使う色の表し方（HEX・RGB・HSL）を相互に変換するツールです。対応ブラウザでは、画面のどこからでも色を拾える「スポイト」も使えます。
選んだ色の補色や明るさ違いの候補も表示するので、配色を考えるときのヒントになります。
使い方
- カラーパレットで色を選ぶか、HEX（#から始まるコード）か RGB を入力します。
- 「スポイト」を押すと、画面上の好きな場所の色を拾えます（Chrome・Edge など）。
- 表示されたコードを押すとコピーできます。
よくある質問
HEX と RGB の違いは？
どちらも赤・緑・青の強さで色を表します。HEX は16進数（#ff8800）、RGB は 0〜255 の数字（rgb(255,136,0)）で書きます。
スポイトが使えません。
スポイトは Chrome や Edge などの対応ブラウザだけで使えます。Safari や Firefox では使えません。
補色とは？
色相環で反対側にある色です。組み合わせると、お互いを引き立てる効果があります。