カラーコード変換

Web制作で使うカラーコードをHEX、RGB、HSLの各形式へ変換し、実際の色を確認できます。

#0F766E
HEX#0F766E
RGBrgb(15, 118, 110)
HSLhsl(175, 77%, 26%)

PitaTools

特徴

  • HEX・RGB・HSLを自動判別
  • カラーピッカーと同期
  • 色プレビューと各形式のコピー

Steps

使い方

  1. カラーコードを入力または色を選びます。
  2. 色と各形式の変換結果を確認します。
  3. 必要な形式をコピーします。

PitaTools

活用例

  • CSSカラー形式の変換
  • デザイン指定色の確認
  • HSL値の取得

Example

入力例・結果例

入力例
変換・確認したいコードやデータ
結果例
HEX・RGB・HSLを自動判別

ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。

Privacy

プライバシーとデータ処理

公開中の101ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。

FAQ

よくある質問

透明度へ対応していますか?

現在は透明度なしのHEX、RGB、HSLへ対応しています。

Explore · 開発・データ

関連ツール

同じカテゴリのツールを続けて利用できます。