HEX RGB HSL カラーコンバーター
ライブプレビューとコピー対応の出力を備えたHEX、RGB、HSL形式間でCSSカラー値を変換します。
すべてブラウザでローカルに実行されます。
CSS値
貼り付けられた色を、スタイルシート、コンポーネント、デザイントークン用のコピー可能なCSS値に変換します。
デザインハンドオフ
デザインアプリを開かずに、HEX指定、スクリーンショットからのRGB値、HSL調整を切り替えます。
プライベートなローカル処理
このコンバーターは、ブラウザネイティブのJavaScriptのみを使用します。アップロードエンドポイントやサーバー側の変換は関与しません。
Frequently asked questions
カラー値はアップロードされますか？
いいえ。HEX、RGB、HSLの変換は、ブラウザのJavaScriptで実行されます。入力したカラー値はConvertrサーバーに送信されません。
どのHEX形式がサポートされていますか？
このコンバーターは、#0faや#00ffaaなどの3桁および6桁のHEXカラーをサポートしています。
CSSのrgb()およびhsl()の値を貼り付けることはできますか？
はい。rgb(34, 197, 94)、34 197 94、hsl(142, 71%, 45%)、または142 71% 45%のような値を貼り付けることができます。
HSLは何に役立ちますか？
HSLは、色相、彩度、明度を分離するため、カラーファミリー、ホバー状態、およびデザイントークンを調整する際に実用的です。