開発者ツール
カラー変換
色をHEX、RGB、HSLの間で変換し、プレビューも表示します。
カラー変換 お使いのデバイス上で動作
- ブラウザ上で動作します — テキストはどこにも送信されません
- 登録不要、利用回数の上限なし、何度でも無料で使えます
仕組み
色を表す一般的な3つの書き方は、それぞれ別の用途に向いています。HEXはコンパクトで、デザインツールが渡してくる形式です。RGBは、画面が実際に動作する仕組みに対応しています。HSLは、人間が考えやすい形式です。明度や彩度の調整が、数値1つで済むからです。
HSLを知っておく価値
HSLでは、色を明るくするには、同じ色相と彩度のまま、明度を上げるだけです。HEXやRGBで同じことをするには、望んだ内容とは関係がわかりにくい3つの値を、計算し直す必要があります。
受け付けるもの
3桁または6桁のhex（#の有無は問いません）、rgb()またはrgba()、hsl()またはhsla()です。アルファは、どの表記でも同じ書き方のため、無視されます。
よくある質問
カラー変換に関する質問
透明度には対応していますか？
アルファ値は入力として受け付けますが、変換はされません。アルファはどの表記でも同じ書き方だからです。
redのような色名を貼り付けられますか？
現在はできません。hex、rgb()、hsl()のいずれかの値を指定してください。
何かがサーバーに送信されますか？
いいえ。変換はページ内で行われます。