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変換補助などがあります。

スマホでの利用、入力内容の扱い、結果のコピー、印刷など、全ツールに共通する質問は共通のよくある質問にまとめています。

関連記事