🐾 にゃんツール

カラーコード変換

HEX・RGB・HSLカラーコードを相互変換。色見本プレビュー付き。

このツールについて

カラーコード変換は、HEX・RGB・HSLの3形式を相互に変換できるブラウザ完結型ツールです。カラーコードを入力するだけで、入力形式を自動判別し、他の2形式に即座に変換します。色見本プレビューで変換結果を視覚的に確認でき、CSSコーディングやデザインカンプの作成、Webサイトの配色検討などに最適です。短縮HEX(#FFF)にも対応しており、すべての処理がブラウザ内で完結するため安心して利用できます。

使い方

  1. カラーコードをHEX・RGB・HSLいずれかの形式で入力します
  2. 入力形式が自動判別され、他の2形式に即座に変換されます
  3. 色見本プレビューで変換結果を視覚的に確認できます
  4. 必要な形式の値をコピーしてご利用ください

対応形式

  • HEX: #FF5733、#FFF(短縮形式)に対応
  • RGB: rgb(255, 87, 51) 形式で入出力
  • HSL: hsl(11, 100%, 60%) 形式で入出力

よくある質問

Q. どの形式に対応していますか?

A. HEX(#FF5733, #FFF)、RGB(rgb(255, 87, 51))、HSL(hsl(11, 100%, 60%))の3形式に対応しています。入力した形式を自動判別し、他の2形式に変換します。

Q. 短縮HEX(#FFF)も使えますか?

A. はい。3桁の短縮HEXも正しく認識し、6桁のHEXに展開して変換します。

Q. 入力データはサーバーに送信されますか?

A. いいえ。すべての処理はブラウザ内で完結します。

関連ツール