すべての主要フォーマット間でカラーコードを変換する
サポートされている形式 (HEX、RGB、HSL、HSB、または CMYK) で色を入力すると、ツールは他のすべての形式で同等の値を即座に表示します。ライブ スウォッチで色をプレビューし、すべての値を 1 回クリックするだけでクリップボードに保存できます。これを使用して、デザイン ツール、CSS、印刷仕様間でブランド カラーを変換します。
このツールは無料で使用できますBrowser tool
Color code converter
Convert between HEX, RGB, HSL, HSV, and CMYK color codes locally in your browser.
Readable text: black
Contrast vs black: 5.93:1 · vs white: 3.54:1
使用方法
色の値を入力してください
サポートされている形式 (#FF5733、rgb(255, 87, 51)、hsl(11, 100%, 60%) など) で色を入力または貼り付けます。
コンバージョンの表示
他のすべての形式フィールドは自動的に更新されます。プレビュー見本には、コントラスト情報とともに色が表示されます。
コピーまたはエクスポート
値をクリックしてコピーするか、ドキュメントやスタイル ガイドとしてカラー カードを PNG としてダウンロードします。
特徴
6つのカラーフォーマット
HEX、RGB、HSL、HSB、CMYK、CSS の名前付きカラーの間で変換します。いずれかのフィールドに値を入力すると、他のフィールドは即座に更新されます。
ライブカラープレビュー
入力すると、大きな見本がリアルタイムで更新されます。ツールを終了したり、デザイン アプリケーションに切り替えたりすることなく、正確な色合いを確認できます。
ワンクリックでコピー
任意の色の値をクリックしてクリップボードにコピーします。小さなトースト通知でコピーが確認されるので、すぐに貼り付けることができます。
カラーカードのエクスポート
すべての形式値を含むスウォッチを示す PNG カードをダウンロードします。プレゼンテーション、スタイル ガイド、またはドキュメントで使用します。
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhance仕様
| サポートされている形式 | HEX、RGB、HSL、HSB、CMYK、CSS の名前 |
| プレビュー | コントラスト比のあるライブスウォッチ |
| 輸出 | PNGカラーカード |
| アルファサポート | HEX8、RGBA、HSLA |
| 名前付きの色 | 148 個の CSS 名前付き色 |
| 処理 | クライアント側 (アップロードなし) |
Related Magic Eraser Tools
よくある質問
CMYK変換は印刷用に正確ですか?
+
このツールは、標準の公式を使用して、RGB から CMYK 値を近似します。重要な印刷作業では、変換は特定のインクと用紙の組み合わせに依存するため、印刷ワークフローで校正された ICC カラー プロファイルに対して CMYK 値を検証する必要があります。
アルファ透明度を使用して色を入力できますか?
+
はい。このツールは、8 桁の 16 進コード、RGBA、および HSLA 値をサポートしています。アルファ チャネルは、フォーマットがサポートしている場合、変換後も保持されます。
HSLとHSBの違いは何ですか?
+
HSL (色相、彩度、明度) と HSB (色相、彩度、明度) は同じ色相軸を使用しますが、彩度と 3 番目のコンポーネントの定義が異なります。このツールはそれらの間で変換を行うため、設計アプリケーションが使用するどのモデルでも作業できるようになります。
写真の色を補正する必要がありますか?
AI Enhance は、写真のホワイトバランス、彩度、色温度を調整できます。ソースで色を正しく取得し、このツールを使用して正確なコードを見つけます。
無料でお試しくださいMore free tools
Explore our other limited free edits after sign-in photo and image tools.
複数のカラーストップを使用して、線形、放射状、円錐形のグラデーションをデザインします。 CSS コードをコピーするか、PNG 画像としてダウンロードします。サインアップは必要ありません。
HEX カラー コードを RGB 値に、またはその逆に変換します。ライブ プレビュー、ワンクリック コピー、CSS スニペット出力。サインアップは必要ありません。ブラウザで動作します。
アップロードされた画像から任意の色を選択すると、その HEX、RGB、および HSL コードが即座に取得されます。 Web デザイン、ブランディング、イラスト用の写真からパレットを作成します。
写真をアップロードし、HEX、RGB、HSL コードを使用して 5 ～ 10 の主要な色を抽出します。スウォッチをコピーし、ASE または CSS 変数としてエクスポートします。サインアップは必要ありません。
URL、テキスト、WiFi 認証情報、および vCard の QR コードを生成します。色をカスタマイズし、センターのロゴを追加し、PNG または SVG としてダウンロードします。サインアップは必要ありません。
画像とビデオの幅、高さ、またはアスペクト比を計算します。任意の 2 つの値を入力すると、3 番目の値が取得されます。ソーシャルメディア、映画、印刷物のプリセット比率。サインアップは必要ありません。