画像と配色を、すぐに作成。

SVGプレースホルダーや配色を作成し、画像をブラウザー内で編集。結果をコピーして、デザイン、コード、AIエージェントに利用できます。

作成

プレースホルダーを作成し、テーマ別の配色を選べます。

画像を編集

画像の圧縮、透かし、配置をブラウザー内で処理。アップロードは不要です。

プレースホルダー作成

サイズ、配色、文字を調整して、画像のリンクをコピーします。

800 × 400
SVGを開く
作成したグラデーション画像のプレビュー
プレビューを読み込み中…
コードと出力

コードと出力


            
          

同じURLで、同じ画像を再利用。

プレビュー、コード、AIへの指示に同じURLを使用できます。アカウントは不要です。

colors-ccで作成したオーロラ配色のメッシュSVG
オーロラ配色のメッシュ画像 SVG・1200 × 630・再利用できるURL

AIエージェントにも、正確なAPI情報を。

APIの概要、OpenAPI仕様、エージェント用スキルから選べます。どの資料も同じAPIの機能を説明します。

AI用のルールをコピー

このルールをコーディング用AIに渡すと、同じ方法で画像を利用できます。

UIコードにプレースホルダーが必要な場合は https://api.colors-cc.top/placeholder を直接使用してください。# は %23 にエンコードし、palette には2〜10色を指定します。SVGを取得して再エンコードしないでください。