カラー形式変換ツール

RGB、HEX、HSL、CMYK、LAB、XYZなど複数のカラー形式の相互変換に対応し、配色方案を生成します

バグ報告

ブラウザ実行モード: データはブラウザ内で処理され、サーバーにはアップロードされません。

速度と安定性: 処理速度はデバイスとブラウザに依存します。大量のバッチ作業では、デスクトップ版の方が安定する場合があります。

ツールを読み込み中です。お待ちください...

オンラインツールを読み込めない、または実行できない場合は、デスクトップツールをお試しください。 https://tools.yikeaigc.com/

ツール使用状況

旧バージョンに戻す

ヒント：先に基本色と精度を設定してから、変換結果を確認してください。HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、XYZ などの入力形式に対応しています。

基本色カラーピッカー、テキスト、サンプル色で開始

#2F8BFF

例：#0F8F8F、rgb(15,143,143)、hsl(180,81%,31%)、cmyk(90%,0%,0%,44%)、lab(53.23,80.11,67.22)

変換設定出力形式と配色結果を制御

小数精度

透明度 Alpha

HEX の大文字/小文字

彩度を微調整

明度を微調整

ヒント：色に問題がなければ、各形式をコピーするか、すべての結果を一括コピーできます。コントラストは、現在の色と白背景・黒背景の文字の読みやすさを判断するために使います。

形式変換結果右側のボタンでコピー

色プレビューとコントラスト白地・黒地・透明色プレビュー

白背景の文字プレビュー

黒背景の文字プレビュー

-白地コントラスト

-黒地コントラスト

-白地レベル

-黒地レベル

CSS 変数

ヒント：配色タイプを選んでから生成またはエクスポートします。バッチテキスト変換は1行に1色で、デザイン稿、CSS、表の色整理に最適です。

配色方案色ブロックをクリックして基本色に切替

色数

エクスポート形式

バッチテキスト変換1行に1色、先頭20件まで表示

コピー済み

手順

ソフトウェアの使用方法

基本色を設定：カラーピッカーで色を選択するか、入力欄にHEX、RGB、HSL、HSV、CMYK、LAB、XYZなどの色値を入力し、「色を適用」をクリックします。
変換パラメータを調整：必要に応じて小数精度、Alpha透明度、HEXの大文字・小文字、彩度の微調整、明度の微調整を設定し、次のステップで結果を確認します。
変換結果を確認：ツールはHEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、XYZ、CSS変数などの結果を生成します。コピー按钮をクリックして個別にコピーできます。
コントラストを確認：結果ページで、現在の色が白背景および黒背景でどの程度のコントラストレベルになるかを確認し、文字色の可読性判断に役立てます。
配色方案を生成：単色、類似色、補色、分割補色、三色配色、四色配色の方案を選択し、色块をクリックするとその色を新しい基本色に設定できます。
色を一括変換：一括テキスト変換エリアに1行につき1つの色値を入力し、「一括変換を開始」をクリックすると、最初の20件の結果を確認し、完全なZIP結果パッケージをダウンロードできます。
保存とエクスポート：「設定を保存」をクリックするとよく使うパラメータを保存できます。配色方案はコピーに対応し、TXT、JSON、CSS変数、SVGカラーカードとしてエクスポートすることもできます。

よくある質問

A：HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、XYZなどの一般的な色形式に対応しています。「255, 87, 51」のようなRGB数値を直接入力することもできます。

A：HEXとRGBはWebページ、CSS、アプリケーション画面でよく使われます。HSLは色相、彩度、明度で色を調整するのに適しており、配色の微調整に便利です。

A：CMYKの結果は印刷用配色の参考として使用できます。実際の印刷では、用紙、インク、カラープロファイル、デバイス校正の影響も受けるため、正式出力前に印刷業者の要件と合わせて確認することをおすすめします。

回答：LABとXYZは、色管理、色差分析、デバイス間の色表現によく使われます。LABは人間の視覚により近く、XYZはCIE標準色空間の基本モデルです。

回答：1行に1つの色値を入力して「一括変換を開始」をクリックすると、ツールは最初の20件の結果を表示します。処理完了後、「ZIPをダウンロード」をクリックすると、JSON、CSV、TXTの結果ファイルを含む圧縮ファイルを取得できます。

回答：単色、類似色、補色、分割補色、トライアド、テトラードに対応しています。各スキームは異なるデザインシーンに適しており、ブランドカラー、ページのスタイル、コントラストの要件に応じて選択できます。

回答：いいえ。色の入力、形式変換、配色生成、一括結果の整理はすべて現在のページ内で完了し、色データがサーバーにアップロードされることはありません。

カラー形式変換ツール

ツールを読み込み中です。お待ちください...

ツール使用状況

基本色カラーピッカー、テキスト、サンプル色で開始

変換設定出力形式と配色結果を制御

形式変換結果右側のボタンでコピー

色プレビューとコントラスト白地・黒地・透明色プレビュー

CSS 変数

配色方案色ブロックをクリックして基本色に切替

バッチテキスト変換1行に1色、先頭20件まで表示

手順

ソフトウェアの使用方法

よくある質問

Q：どの色形式の入力に対応していますか？

Q：RGB、HEX、HSLはどのような場面に適していますか？

Q：CMYKの変換結果はそのまま印刷に使用できますか？

質問：LAB形式とXYZ形式は何に使われますか？

質問：一括変換の結果はどのようにダウンロードできますか？

質問：配色スキームにはどのような種類がありますか？

質問：色データはサーバーにアップロードされますか？

関連ツール

速度単位変換器

長さ単位変換ツール

OFD長画像変換ツール

温度コンバーター

CSVからExcelへのオンライン変換ツール

世界時刻変換ツール

フォント形式変換ツール

バイナリからテキストへの変換ツール

ExcelからCSV形式への変換ツール

SHAKE暗号化ツール