色変換ツール

HEX・RGB・Unity Color 形式の相互変換。UIやマテリアル設定に。

このツールについて

色の指定方法には、HEX(#RRGGBB)、RGB(0-255)、UnityのColor(0-1の正規化値)など複数の形式があります。デザインツールで指定した色をUnityのスクリプトにコピーしたい、マテリアルの色をHEXで共有したい、といった場面で形式の変換が必要になります。このツールでは、HEX形式の入力やカラーピッカーで選択した色を、RGBとUnityのColorコンストラクタ形式に自動変換して表示します。ゲーム開発やUIデザインのワークフローを効率化できます。

RGB 99, 102, 241
Unity Color
new Color(0.388f, 0.4f, 0.945f)

履歴(直近5色)

使い方

HEX形式(#RRGGBB)を入力するか、カラーピッカーで選択。RGBとUnityのnew Color(r,g,b)形式(0〜1の正規化値)が自動で表示されます。

いつ使うか

デザインツールで指定した色をUnityのスクリプトにコピーしたい、マテリアルの色をHEXで共有したい場合。

使用例

#6366f1 → RGB(99,102,241) → new Color(0.388f, 0.4f, 0.945f)

補足・Tips

  • UnityのColorは0〜1のfloat。255で割った値を使用します。
  • マテリアルのColorプロパティにそのまま貼り付け可能。
  • パレットからよく使う色を登録して再利用できます。

関連ツール