線形・放射状の CSS グラデーションをビジュアルで作成。カラーストップをドラッグし角度を調整、background CSS をそのままコピー。
すべての処理はブラウザ内で実行されます — ファイルや入力はサーバへ送信されません。
アスペクト比を保ったまま幅・高さを計算。16:9 / 4:3 / 21:9 / 1:1 などのプリセットと CSS aspect-ratio 出力つき。
HEX / RGB / HSL の相互変換とライブプレビュー。
2 つの色のコントラスト比を WCAG 基準でチェック。通常テキスト・大きいテキスト・UI 部品ごとに AA / AAA の合否を即時表示。
JSONを整形・検証。インデント整形や圧縮出力、エラー位置の明示まで。
background: linear-gradient(135deg, #06b6a4 0%, #3b82f6 100%);