デザインツール

10 ツール · 100% client-side · 無料・登録不要

画像から主要色を抽出。クリックでHEXをコピー。

HEX・RGB・HSL・CMYKを相互変換。形式をコピー。

box-shadow・グラデ・グラスモルフィズムをライブプレビュー。

WCAGのコントラスト比を確認。アクセシブルな文字。

ぼかし・グラデのグラスモルフィズムカードをデザイン。

標準比率に合う解像度と寸法を計算。

幾何学・オーガニックなCSS/SVG背景パターン。

ベジェ曲線で有機的なSVGシェイプを生成。

Google Fontsの組み合わせ・間隔・スタイルをプレビュー。

ライブプレビューで線形・放射グラデを構築。CSSコピー。