トピッククラスター
画像・SVG・CSS
画像編集、色抽出、SVG 最適化、CSS ビジュアル生成、ローカルなデザイン素材作成を行います。
目的に合わせてツールを素早く絞り込み、最適なフローへ進めます。
画像編集、色抽出、SVG 最適化、CSS ビジュアル生成、ローカルなデザイン素材作成を行います。
34 ツール
トピッククラスター
画像編集、色抽出、SVG 最適化、CSS ビジュアル生成、ローカルなデザイン素材作成を行います。
Prepare web images with sizing, compression, and delivery checks.
Use extracted colors as candidates for previews, accents, and documentation.
Remove sensitive regions before image assets leave the original context.
Use this hub for local image editing, SVG optimization, CSS asset generation, and visual review before publishing.
No. Redact first, then resize and optimize the safe asset.
Start with resizing and cropping, then generate or inspect Open Graph metadata with the final asset.
メタデータ、コメント、冗長な属性を削除して SVG ファイルを最適化します。
高コントラストで本番利用しやすいフォント組み合わせを見つけ、CSS importスニペットをすぐコピーできます。
入力テキストを手書き風画像として描画し、PNGでダウンロードできます。
コードスニペットをダウンロード可能な PNG 画像に変換します。
色を HEX、RGB、HSL 形式で相互変換します。
ライブプレビューを見ながらiOSのshadowプロパティとAndroidのelevationを調整し、StyleSheetをコピーできます。
シードカラーとスタイルキーワードから、ブランド向け配色パレットを生成します。
RGB または HSL 空間で 2 色を比率指定で混色し、CSS を出力します。
ベースカラーから 10〜12 段階のシェードを作成し、トークン向け CSS 変数を出力します。
画像をアップロードして平均色を検出し、HEX/RGB をコピーできます。
位置・縁取りを調整し、太字キャプション付き画像を作成して出力します。
任意の画像から主要色を抽出し、HEX 値をすぐにコピーできます。
画像上の任意位置をクリックして、正確な HEX/RGB 色を取得・コピーできます。
範囲を調整して画像を切り抜き、選択領域をそのまま出力します。
明るさ、コントラスト、彩度、グレースケール、ぼかしを調整して適用します。
幅/高さ、縦横比固定、フィットモード、形式出力に対応した画像リサイズツールです。
ピクセル化またはぼかしを調整して、画像内の機微情報を隠せます。
コントラストとしきい値でスキャン画像を補正し、全ページを 1 つの PDF に出力します。
ポイント数、ランダム性、シードを調整して有機的な SVG Blob 形状を生成します。
間隔、線、色プリセットを編集できるタイル可能な SVG パターンを作成します。
ストローク中心の SVG 図形を塗り形状へ変換し、プレビューと出力に対応します。
SVG マークアップを高品質 PNG に変換し、解像度と透過背景を指定できます。
プリセットとスライダーで繰り返し可能なCSS背景テクスチャを作成し、すぐ使えるコードをコピーできます。
各コーナーの半径を視覚的に調整し、きれいなCSS border-radiusを出力します。
単層・多層のCSSシャドウを作成し、ライブプレビューとスニペットのダウンロードに対応します。
hover/checked状態に対応したカスタムチェックボックスCSSを生成します。
プリセットやカスタム頂点でclip-pathポリゴンを生成し、ライブプレビューできます。
スムーズなCSSトランジション向けのイージング曲線を可視化して出力します。
ぼかし、透過度、境界の光彩を調整して、フロストガラス風カードを作成し、すぐ使える CSS を出力します。
角度やカラーストップを調整し、線形/放射グラデーションの CSS を生成します。
spinner、dots、bars ローダーをサイズ・速度付きで作成し、CSS をエクスポートします。
サイズ、色、状態を調整できる洗練されたトグルスイッチ CSS を生成します。
強度や色を調整して、アニメーション対応のグリッチ文字効果 CSS を生成します。
ツールチップ、ポインター、UI 矢印向けの方向付き CSS 三角形を生成します。