ファビコンプレビューツール
テキストや絵文字を入力してファビコンのデザインを確認できます。ブラウザタブでの見え方もプレビューできます。
プレビュー（64×64px）
実寸サイズ (16×16相当)
ブラウザタブ風プレビュー
サイトタイトル
サイトタイトル
サイトタイトル
サイトタイトル
ファビコンプレビューツールの使い方
テキスト欄にサイトのイニシャルや絵文字（最大2文字）を入力します。
背景色・文字色・フォントサイズを設定してデザインをカスタマイズします。
ブラウザタブ風プレビューで、明るい/暗いテーマでの見え方を確認できます。
「ダウンロード」ボタンで64×64pxのPNGファイルを保存できます。
おすすめサービス
Canva Pro - デザインツール
デザインプロ品質のデザインを簡単作成。テンプレート豊富で初心者にもおすすめ。
Adobe Creative Cloud
デザインPhotoshop・Illustrator等のプロ向けデザインツール。学割あり。
※ PR・広告を含みます
関連ツール
🎨🖥️🌈🌈🖼️🎨🖌️🔤📱👁️📐🎬
カラーコード変換
HEX・RGB・HSLのカラーコードを相互変換。プレビュー付きで色を確認。
アスペクト比計算
画面の幅と高さからアスペクト比を計算。動画・画像サイズに。
HTMLカラー名一覧
CSS/HTMLカラー名とコードを検索。127色対応。
CSSグラデーション生成
グラデーションCSSコードを視覚的に生成。
CSSボックスシャドウ生成
box-shadowをスライダーで視覚的に生成。
ランダムカラー生成
ランダムな色をHEX/RGB/HSLで生成。
カラーパレット生成
ベースカラーから配色パレットを自動生成。
フォントプレビュー
テキストを様々なフォントで比較プレビュー。
OGP画像サイズ一覧
SNS別のOGP推奨画像サイズを一覧表示。
コントラスト比チェック
WCAG基準で色のアクセシビリティを確認。
ピクセル⇔cm変換
DPI指定でpx/cm/mm/inchを相互変換。
CSSアニメーション生成
CSSアニメーションを視覚的に生成。