🎨

デザインツール

カラーパレット、タイポグラフィツール、スペーシング計算機、UIデザインユーティリティ。

Tailwind Color Reference

Browse all Tailwind CSS color palettes with hex and RGB values.

Generate consistent spacing scales for your design system.

Discover harmonious font combinations for headings and body text.

Calculate optimal line height for readable typography.

Convert files to base64 Data URLs for embedding in HTML and CSS.

Tailwind、Bootstrap、カスタムフレームワークのCSSブレークポイントを視覚化します。

デザイントークンをJSON、CSS変数、SCSS形式に変換します。

ワイヤーフレームとプロトタイプ用のニュートラルカラーパレットを生成します。

全CSSカーソルタイプをライブプレビュー付きで確認しコードをコピーします。

iOS、Android、Web、デスクトップアプリの標準アイコンサイズです。

CSSグリッドレイアウトを視覚的に構築してCSSコードをコピーします。

ベースカラーから補色、三角色、類似色スキームを生成します。

CSSのborder-radius値をリアルタイムでプレビュー・比較します。