HEX・RGB・HSL色変換
不透明なsRGB色をHEX、整数RGB、HSLの間で変換し、丸め前の値と最も近い8ビットHEXを表示します。
計算結果
結果
—
計算手順
手順を1つずつ、またはまとめて表示できます。現在の入力値を使った計算手順です。
計算方法
選択した不透明なsRGB入力を解釈する。 RGBチャネルを正規化し、支配チャネルから色相を回復し、最大値と最小値から軽さと飽和を導き出す。 8ビットのHEX/RGB出力のみのラウンドチャネル。
HSL lightness=(max RGB+min RGB)/2; HEX encodes rounded 8-bit sRGB channels
計算例
HEX #336699はRGB(51,102,153)であり、HSL(210 °、50%、40%)。略記#F 80は、#FF8800に拡張される。
前提条件と入力上の注意
HEXは、オプションの # でちょうど 3 つまたは 6 つの十六進数数字を受け入れる。 RGB入力は整数 0 - 255 である。 HSL色は、360°を法として正規化される(最大1e9°;飽和度/光度は0–100%。 HSLは、分数次RGBチャネルを生成できる。 HEX と整数 RGB のラウンドから 8 ビット値に最も近い値。 HSL出力は非丸みを帯びた色を表すため、HEXを介した変換はわずかに変化する可能性がある。 CSS hue 0 で示されているように、アクロマティック色は未定義の色調である。オパックsRGBのみ:アルファ、CMYK、ICCプロファイル、広軌変換、色マッチング、コントラスト認証はない。
参考資料： W 3C CSSカラー変換
このツールの使い方
自分の値を入力できますか？
はい。入力例をご自身の値に変更してください。結果・計算手順・表・対応する図が入力に応じて更新されます。空欄や無効な値がある場合は結果を消去し、不足した入力を自動的に例の値で補うことはありません。
結果は厳密ですか？
浮動小数点演算を使用し、表示時に丸めています。計算式・前提条件・記載されたデータ精度を確認して結果を解釈してください。
入力内容は送信されますか？
計算はブラウザー内で行います。アカウント・ファイルのアップロード・外部AIサービスは不要です。ページを再読み込みすると入力値は保持されません。
画素寸法、印刷寸法、PPIを換算し、実際の印刷サイズ、必要な整数画素数、実効解像度を求めます。
画面対角寸法と画素数から、有効幅・高さ、縦横比、画素密度、画素ピッチを寸法図とともに求めます。
符号付き整数を正確な演算で2〜36進数間に変換し、二進・八進・十進・十六進・三十六進と位取りの手順を表示します。
広告掲載用スペースです。