CSS グラデーション作成

線形・放射状グラデーションを見ながら作成。色、位置、角度を調整して CSS をコピーできます。

モード

線形グラデーション放射状グラデーション

角度

このブラウザー内で処理します。アップロードや保存は行いません。

このツールについて

線形・放射状グラデーションを見ながら作成。色、位置、角度を調整して CSS をコピーできます。

デザイン

種類とカラーストップを設定し、線形の場合は角度も指定します。2–8 色、位置 0–100%、角度 -360°～360° に対応します。同じ位置の色はくっきりした境界になります。放射状は中央の楕円です。生成した background 宣言をコピーまたは保存してください。

HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。

デザイン

文字色と背景色の WCAG 2.2 コントラスト比を測定し、通常文字と大きな文字の適合状況を表示します。

デザイン

ずれ、ぼかし、広がり、色、不透明度を調整し、外側・内側の影を確認して CSS を取得できます。

デザイン

画像や動画の縦横比を約分し、指定した幅・高さからもう一方のサイズを計算します。

デザイン

してディスカッションに参加してください。

コメントはまだありません。