処理例
- 入力
- 両端のHEXカラーと必要な段階数を指定します。
- 結果
- 順番付きのHEXカラースケールを表示します。
明暗や色相の変化をプレビューして両端色を変更します。
カラースケール生成
2色の間を補間して配色段階を生成。開始色と終了色のRGB成分を段階数で線形補間し、中間色の一覧を生成します。
Guide
このツールでできること
グラフ、ヒートマップ、UI状態、資料の連続配色を素早く作る場合に利用できます。
How it works
処理の仕組み
開始色と終了色のRGB成分を段階数で線形補間し、中間色の一覧を生成します。
Examples
具体的な使用例
Cautions
利用時の注意点
- RGB補間は知覚上の明るさが均等にならないため、重要な可視化では各段階の判別性を確認してください。
Next step
結果の活用方法
- 文字を載せる色は個別にコントラストを測り、色だけで値を区別しない設計にします。
PitaTools
特徴
- 順番付きのHEXカラースケールを表示します。
- 明暗や色相の変化をプレビューして両端色を変更します。
- RGB補間は知覚上の明るさが均等にならないため、重要な可視化では各段階の判別性を確認してください。
Steps
使い方
- 両端のHEXカラーと必要な段階数を指定します。
- 明暗や色相の変化をプレビューして両端色を変更します。
- 文字を載せる色は個別にコントラストを測り、色だけで値を区別しない設計にします。
PitaTools
活用例
- グラフ、ヒートマップ、UI状態、資料の連続配色を素早く作る場合に利用できます。
- 文字を載せる色は個別にコントラストを測り、色だけで値を区別しない設計にします。
- 順番付きのHEXカラースケールを表示します。
Example
入力例・結果例
- 入力例
- 加工したい画像、色、サイズなどの設定
- 結果例
- 順番付きのHEXカラースケールを表示します。
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中のツールはブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
カラースケール生成はどのように処理しますか？
開始色と終了色のRGB成分を段階数で線形補間し、中間色の一覧を生成します。
カラースケール生成を使う際の注意点は？
RGB補間は知覚上の明るさが均等にならないため、重要な可視化では各段階の判別性を確認してください。
Explore · 画像・デザイン
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「カラースケール生成」についてお気づきの点を運営者へお知らせください。