デザイン

HEX / RGB / HSL の相互変換とライブプレビュー。

2 つの色のコントラスト比を WCAG 基準でチェック。通常テキスト・大きいテキスト・UI 部品ごとに AA / AAA の合否を即時表示。

線形・放射状の CSS グラデーションをビジュアルで作成。カラーストップをドラッグし角度を調整、background CSS をそのままコピー。

アスペクト比を保ったまま幅・高さを計算。16:9 / 4:3 / 21:9 / 1:1 などのプリセットと CSS aspect-ratio 出力つき。