カラーコード変換ツール

HEX・RGB・HSLカラーコードを相互変換

エンジニア向けFastPass - AI転職エージェント

AIがあなたのスキルを分析し、最適な求人をマッチング。無料で市場価値を診断できます。

無料で始める

使い方

  1. カラーコードを入力

    HEX(#RRGGBB)、RGB(rgb(r,g,b))、HSL(hsl(h,s%,l%))のいずれかの形式で入力します。

  2. 変換ボタンをクリック

    「変換」を押すと、すべての形式に変換されプレビューが表示されます。

  3. 結果をコピー

    「コピー」ボタンで結果をクリップボードにコピーできます。

特長

  • HEX, RGB, HSL の相互変換
  • リアルタイムカラープレビュー
  • 3桁HEX(#RGB)にも対応
  • ブラウザ内処理(データはサーバーに送信されません)
  • ダークモード対応

よくある質問

HEXカラーコードとは?

HEX(16進数)カラーコードは、#に続く6桁の16進数で色を表す形式です。#RRGGBBの順に赤・緑・青の値を00〜FFで指定します。CSSやWebデザインで最も広く使われています。

RGBとHSLの違いは?

RGBは赤(R)・緑(G)・青(B)の光の三原色の値(0〜255)で色を指定します。HSLは色相(H: 0〜360°)・彩度(S: 0〜100%)・輝度(L: 0〜100%)で指定し、人間の色の知覚に近い表現方法です。

データはサーバーに送信されますか?

いいえ。すべての変換処理はブラウザ内のJavaScriptで行われます。データが外部に送信されることはありません。