画像とデザインツール

色相調整ツール

入力に合う形式を選び、色と度単位の色相移動を入力します。出力形式は同じです。HSL/HSVの彩度と明度/Valueは0~100%、透明度は0~1に制限します。

ブラウザ内で処理登録不要プライバシーの説明 ↗

使い方

使い方

  1. HEX、HSL、HSVを選び、対応する色を入力します。
  2. 度単位の色相移動を入力し、結果を確認します。
  3. 結果をコピーします。色データは送信しません。

対応する構文

HEXは3・4・6・8桁で、#は省略可能です。HSLとHSVは対応する関数名、十進色相(degは任意)、2つのパーセント、任意のスラッシュ透明度(数値またはパーセント)を使います。CSS色構文全体に対応する解析器ではありません。

丸めと範囲

HSL/HSVは小数1桁、透明度は3桁です。HEXチャンネルと透明度はバイトに丸めます。色相が丸めによって360°と表示される場合もあり、0°と同じです。解析後の彩度、明度/Value、透明度を維持しますが、コントラストやアクセシビリティを認証しません。

よくある質問

あわせて知りたいこと

形式を変えるだけで同じ入力を変換できますか?

いいえ。入力構文に合う形式を選びます。出力もその形式です。

透明度は維持しますか?

入力の制限後の値を維持しますが、表示やHEXバイトの丸めによって表記精度は変わります。