カラーコンバーター
HEX、RGB、HSL 形式間でカラーを変換。
アクセシビリティ
カラーハーモニー
CSS出力
background-color: #3b82f6; color: #3b82f6; border-color: #3b82f6; /* rgba */ background-color: rgba(59, 130, 246, 1); /* hsl */ background-color: hsl(217, 91%, 60%);
カラーコンバーターについて
Webでの色はHEX(#FF5733)、RGB(rgb(255, 87, 51))、HSL(hsl(11, 100%, 60%))など複数のフォーマットで表現できます。各フォーマットにはそれぞれの強みがあります — HEXはCSS向けにコンパクト、RGBはディスプレイハードウェアに対応、HSLは色相・彩度・明度の直感的な調整に優れています。カラーコンバーターを使えば、これらのフォーマット間をシームレスに切り替えられます。
使い方
サポートされている任意のフォーマット(HEX、RGB、HSL)でカラー値を入力してください。ツールが自動的に他のすべてのフォーマットに変換し、リアルタイムのカラープレビューを表示します。ワンクリックで任意のフォーマットをコピーし、CSS、デザインツール、コードで使用できます。
一般的な使用例
- デザインファイルのHEXカラーをCSS用のRGBに変換する
- HSL値を使ってカラーの明度や彩度を調整する
- 異なるデザインツールやフォーマット間でブランドカラーを統一する
- Web、印刷、アプリプロジェクト間でカラーコードを変換する
- UI開発中にカラーをすばやくプレビュー・比較する