色相回転計算機
色の色相を、指定した角度で回転させた色を求めます。回転の角度ごとの色の一覧も表示。
°
回転後のHEX—
元の色
回転後の色
30°ごとの色(角度 / HEX)
—
計算式
- HSLの色相(H)に、角度を足す(360°で一周)
- 彩度と明度は、そのまま
使い方のヒント
180°回すと補色、120°回すとトライアド(三色配色)の色が得られます。グレーのような、彩度が0の色は、回しても変わりません。明度がそろっていても、見た目の明るさは、色相で変わります。
関連ツール
よくある質問
色相回転計算機では何がわかりますか?
色の色相を、指定した角度で回転させた色を求めます。回転の角度ごとの色の一覧も表示。
何を入力すればいいですか?
次の項目を入力します: 元の色、回転する角度。内容を変えると、結果もそれに合わせて変わります。
結果にはどんな項目が表示されますか?
「回転後のHEX」「30°ごとの色(角度 / HEX)」などが表示されます。
どんな計算式を使っていますか?
ページ内の「計算式」にまとめています。たとえば「HSLの色相(H)に、角度を足す(360°で一周)」のような式です。
入力した値は外部に送信されますか?
いいえ。処理はお使いのブラウザの中だけで行い、サーバーには送信しません。
結果はどのくらい正確ですか?
色の見え方はモニターや印刷で変わります。サイズや比率は計算どおりですが、仕上がりは実際に書き出して確認してください。
結果をコピーできますか?
はい。「結果をコピー」ボタンで、表示されている結果をクリップボードにコピーできます。
スマホでも使えますか?
はい。画面の幅に合わせて表示されます。アプリのインストールや会員登録は必要ありません。
同じカテゴリ(色・配色・グラデーション)の他のツールはありますか?
はい。HEX/RGB/HSL変換機、カラーパレット抽出、カラーピッカー、HEX→RGB→HSL変換機などがあります。