HEX→カラー名変換ツール–CSSカラー値をオンライン変換
HEX→カラー名変換ツールは、16進数の色をカラー名に変換し、どちらかを編集するともう一方がライブで更新されます。#abc、rgb(1 2 3 / 50%)、名前付き色といった寛容な色表記も受け付けます。視覚的なスウォッチで確認し、コピーしてそのまま貼れるCSS行を取得できます。色がsRGB色域外の場合は警告をチェックしてください。
HEX→カラー名変換ツールは、16進数の色をカラー名に変換するブラウザベースの色変換ツールです。HEXをカラー名にオンラインで変換したり、どちらかを編集して他方の更新をライブで確認したりできます。カラースウォッチの表示と、コピーしてそのまま貼れるCSS行の提供により、色の値を確認して再利用しやすくなっています。
まず16進数の値を入力します。パーサーは寛容で、#abc、rgb(1 2 3 / 50%)、名前付き色といった入力も受け付けます。どちらかを編集すると、結果がライブで更新されます。色がsRGB色域外の場合、変換の確認中にその状態に気づけるよう、色域外の警告が表示されます。
HEX値は色を16進数表記で表し、カラー名は色を名前で表します。相互変換は、システムやワークフローが一方の表記を期待する場合や、名前付きの値が16進数のオリジナルと一致するかを確認したい場合に役立ちます。スウォッチで視覚的に確認でき、コピーして使えるCSS行はコードやドキュメント用のスニペットを用意するときに便利です。
HEXカラー名変換ツールは完全にブラウザ上で動作します。入力はデバイス上で処理され、サーバーには送信されません。無料で、ページ読み込み後はオフラインで動作します。素早い色のチェックに開発者やDevOpsエンジニアが使えるほか、コード、チケット、ドキュメント用に色の値を用意するすべての方が、準備ができたら結果をコピーできます。
手順1: 入力に16進数の色（例: #abc）を入力します。rgb(1 2 3 / 50%) や名前付き色などの形式も受け付けます。
手順2: カラー名の結果とカラースウォッチを確認します。どちらかを編集するともう一方がライブで更新されます。
手順3: 色域外の警告が表示されたら確認します。その色がsRGB色域外であることを示しています。
手順4: カラー名、またはコピーしてそのまま貼れるCSS行をコピーして、コードやドキュメント、メモに使います。
用途: カラー名の値を受け付けるシステムに色を移すときに、16進数データをカラー名に変換します。
用途: 受け取ったカラー名の値が16進数のオリジナルと一致するかを、ライブの結果とスウォッチで確認するときに。
用途: ドキュメント、チケット、コミットメッセージ用に16進数の色とそのカラー名を用意するときに。
用途: 結果をコードに追加する前に、色の変換を念のためチェックするときに。
用途: #abc、rgb(1 2 3 / 50%)、名前付き色で入力された色を確認し、コードスニペット用にCSS行をコピーするときに。
用途: デザインや開発のワークフローで結果を使う前に、色がsRGB色域外でないかチェックするときに。