デザインツール
カラーパレット抽出
画像から主要な色を自動抽出。HEX/RGB値をコピー。
ツールを開く
フォント比較
フォントを並べて比較。サイズ・ウェイト・行間を調整。
ツールを開く
SVGプレビューア
SVGコードの即時プレビュー。PNG書き出し対応。
ツールを開く
CSSグラデーション生成
ビジュアルエディタでグラデーションCSSを生成。
ツールを開く
カラーコード変換
HEX/RGB/HSL相互変換。カラーピッカー・色名検索対応。
ツールを開く
CSS Box Shadow生成
ビジュアルエディタでbox-shadowを作成。CSSコードをコピー。
ツールを開く
CSS Flexboxプレイグラウンド
Flexboxプロパティの効果をビジュアルで確認。CSSコード出力。
ツールを開く
アスペクト比計算
幅と高さからアスペクト比を計算。リサイズ逆算にも対応。
ツールを開く
配色ジェネレーター
補色・類似色・トライアドなど配色パターンを自動生成。
ツールを開く