本文へスキップ
ツールダーク版

Colota

Colotaの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

Colota Logo
ダークモード用の公式バージョンがあります

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 512 512
ファイルサイズ
696 B · 3 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますColota.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
Colota
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#13B4A3rgb(19, 180, 163) · hsl(174, 81%, 39%)
WCAG コントラストとファイルサイズ
白背景 2.6:1 · 黒背景 7.6:1 · 696 B

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><path d="M179.6 104.8C89.8 104.8 24 170.7 24 260.5 24 374.3 179.6 512 179.6 512s155.7-137.7 155.7-251.5c0-89.8-65.8-155.7-155.7-155.7m0 209.6c-29.8 0-53.9-24.1-53.9-53.9s24.1-53.9 53.9-53.9 53.9 24.1 53.9 53.9-24.1 53.9-53.9 53.9" style="fill:#13b4a3"/><path d="M431.2 320.4c-6.6 0-12-5.4-12-12 0-132.1-107.5-239.5-239.5-239.5-6.6 0-12-5.4-12-12s5.4-12 12-12c145.3 0 263.5 118.2 263.5 263.5-.1 6.6-5.4 12-12 12" style="opacity:.6;fill:#13b4a3"/><path d="M479.1 317.4c-5 0-9-4-9-9C470.1 148.3 339.8 18 179.6 18c-5 0-9-4-9-9s4-9 9-9C349.7 0 488 138.3 488 308.4c0 5-4 9-8.9 9" style="opacity:.4;fill:#13b4a3"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました