MURYOTEN

カラーコード変換ツール

HEX・RGB・HSL形式のカラーコードを相互変換します。

カラーコード変換ツール ツール

カラーコード変換ツール

HEX
RGB
HSL

カラーコード変換ツールとは？

WebデザインやCSS開発で必要なカラーコード変換ツールです。HEX（#ffffff）・RGB（255, 255, 255）・HSL（0, 0%, 100%）の3形式に対応しています。カラーピッカーで直感的に色を選択することも可能です。

計算式・仕様 

HEX → RGB: 16進数 2桁ずつ10進数に変換
RGB → HEX: 各値を16進数2桁に変換して結合
RGB → HSL: 正規化・最大最小値から H, S, L を算出

こんな場面で活躍

  • CSS/Sassのカラー変数設定
  • デザインシステムのカラーパレット構築
  • Figma・Photoshopとの色情報連携
  • アクセシビリティ用のコントラスト比確認

よくある質問

OKLCHやLCHには対応していますか？

現在はHEX・RGB・HSLの3形式に対応しています。OKLCH・LCH・HSV等への対応は今後追加予定です。