UI Design Hub
配色・CSS・レイアウトの作業を高速化。すべてブラウザ内で完結し、データはサーバーに送信されません。
スタイル調整とコード生成を同時に行えるツール。
3種類のCSSグラデーションを編集・コピー。
box-shadowを見ながら調整。最大6レイヤー、CSS読み込み、コピーに対応。
CSSコードを見やすく整形・圧縮。構文チェック付きでエラー箇所も表示。
HTMLコードをPrettierで整形し、安全な範囲で圧縮。隔離プレビュー、コピー、保存に対応。
配色設計や画像からの色抽出に使えるツール。
HEX・RGB・HSLカラーコードを相互変換。カラーピッカー付き。
写真から主要色を自動抽出し、HEXでコピーできる。
InstagramやXなどのサイズに合わせて一括出力。
文字幅・行数・改行位置の確認に使える日本語の仮文を生成。