Toolora

グラデーション生成器

カスタム色と方向で CSS 線形グラデーションを作成します。

グラデーション生成器は、2色以上の色から CSS 線形グラデーションを作成します。
方向
1
2

使い方

  1. グラデーションの色を追加・削除します。
  2. to right や 45deg などの方向を選びます。
  3. 生成された CSS をコピーします。

よくある質問

何色まで使えますか？

2 から 6 色まで対応しています。

色は共有できますか？

はい。色と方向はクエリパラメータに保存されます。

関連ツール

カラーパレット生成器

ランダム、類似、補色、トライアドなどの調和するパレットを作成します。

色変換器

HEX、RGB、HSL、HSV を即座に相互変換します。

コントラストチェッカー

アクセシブルな配色のための WCAG コントラスト比を確認します。

色覚シミュレーター

一般的な色覚異常の見え方を画像でプレビューします。

色階調生成器

ティント・シェードの色階調を生成し、CSS 変数としてエクスポートします。

色名検索

任意の色に最も近い CSS 色名を検索します。