HEX/RGB/HSL変換機

色コードをHEX・RGB・HSLの間で変換します。背景色に合う文字色(白か黒)も判定。

HEX—

RGB—
HSL—
読みやすい文字色(背景としたとき)—

計算式

使い方のヒント

rgbやhslの値は、数字を3つ並べるだけでも読み取れます(hslは「hsl」と書いてください)。コントラスト比は4.5以上あると、本文の文字として読みやすいとされています。

関連ツール

よくある質問

HEX/RGB/HSL変換機では何がわかりますか？

色コードをHEX・RGB・HSLの間で変換します。背景色に合う文字色(白か黒)も判定。

結果にはどんな項目が表示されますか？

「HEX」「RGB」「HSL」「読みやすい文字色(背景としたとき)」などが表示されます。

どんな計算式を使っていますか？

ページ内の「計算式」にまとめています。たとえば「HEX: 赤・緑・青を00〜FFの16進数2桁ずつで表す」のような式です。

入力した値は外部に送信されますか？

いいえ。処理はお使いのブラウザの中だけで行い、サーバーには送信しません。

結果はどのくらい正確ですか？

色の見え方はモニターや印刷で変わります。サイズや比率は計算どおりですが、仕上がりは実際に書き出して確認してください。

結果をコピーできますか？

はい。「結果をコピー」ボタンで、表示されている結果をクリップボードにコピーできます。

スマホでも使えますか？

はい。画面の幅に合わせて表示されます。アプリのインストールや会員登録は必要ありません。

同じカテゴリ(色・配色・グラデーション)の他のツールはありますか？

はい。カラーパレット抽出、カラーピッカー、HEX→RGB→HSL変換機、RGB→CMYK変換補助などがあります。

関連記事