カラーコード変換
HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。
CSS グラデーション作成
線形・放射状グラデーションを見ながら作成。色、位置、角度を調整して CSS をコピーできます。
このツールについて
ページの背景を作るときに、色の位置で変化の範囲を調整できます。表示に使った設定を CSS としてコピー・保存します。
使い方
種類とカラーストップを設定し、線形の場合は角度も指定します。2–8 色、位置 0–100%、角度 -360°～360° に対応します。同じ位置の色はくっきりした境界になります。放射状は中央の楕円です。生成した background 宣言をコピーまたは保存してください。
よくある質問
色の境目をぼかさず切り替えるには？
異なる二つの色を同じ割合の位置に置くと、明確な境界になります。ストップは位置順に並びます。ダウンロードされるのは CSS で、画像ではありません。
グラデーションの向きはどう指定しますか？
線形では CSS の規則に従い、0°が上、90°が右です。放射状は中央の楕円で、角度設定はありません。background 宣言全体を CSS ルールに貼り付けます。
関連ツール
新しいタブで開きます
コメント
0