🎨 デザイン

HEX・RGB・HSLカラーコードを相互に変換（コンバーター）します。

色と位置を指定してlinear-gradient・radial-gradientのCSSを生成（ジェネレーター）します。

列数・行数・間隔を指定してCSS Gridのスタイルを生成（ジェネレーター）します。

画像から複数サイズのfavicon PNGとmanifest・HTMLタグを生成（ジェネレーター）します。

px・rem・em・ptを相互に変換します。

オフセット・ぼかし・色を指定してCSSのbox-shadowを生成します。

前景色と背景色のコントラスト比を計算し、WCAGのAA・AAA基準を満たすか確認します。

指定した色が1型・2型・3型色覚や全色盲の人にどのように見えるかをシミュレートします。

基準となる色から、明度バリエーションと補色・類似色・三色配色（トライアド）のパレットを生成します。

4つの制御点からCSSのcubic-bezier()イージング関数を生成し、曲線を可視化します。

最小/最大ビューポート幅とフォントサイズから、レスポンシブなCSSのclamp()値を計算します。

画像から主要な色を抽出し、カラーパレットとして表示します。

Web・iOS・Android・macOS・Windows・SNSで必要なアイコンサイズを検索できます。

親要素と子要素ごとのプロパティを指定し、プレビューを見ながらCSS Flexboxのスタイルを生成（ジェネレーター）します。

4隅の角丸の半径を指定してCSSのborder-radiusを生成（ジェネレーター）します。