デザインとスタイル

カスタムフォントファイル（TTF、OTF、WOFF、WOFF2）をアップロードして、レンダリング方法をプレビューします。カスタムテキストでテストし、サイズ、ウェイト、色、行の高さ、文字間隔を変更し、完全なアルファベットサンプルを表示します。

この軽量なオンラインペイントツールでブラウザ内で直接描画とスケッチができます。ストロークを取り消したりやり直したり、間違いを消したり、アートワークをPNG画像として保存できます。

食品製品向けのFDAスタイルの栄養成分表示ラベルを生成します。サービングサイズ、カロリー、マクロ栄養素、ビタミン、ミネラルをカスタマイズできます。画像としてダウンロードまたは印刷できます。

カスタマイズ可能なスタイル、色、テキストで美しいカスタム結婚式招待状を作成します

風船、紙吹雪、楽しいデザインを備えた美しくカスタマイズ可能な誕生日パーティー招待状を作成します。すぐにダウンロードまたは印刷できます。

複数のモード(パステル、ビビッド、ダーク、ライト、ウォーム、クール、ネオン、アースカラー、類似色、補色、三色配色などの色調和スキーム)でランダムな色を生成します。HEX、RGB、HSL形式またはCSS変数としてエクスポート可能です。

画像にカスタムテキストウォーターマークを追加します。著作権テキスト、ブランディング、または署名で写真を保護します。テキストの色、ストローク、背景、位置をカスタマイズします。リアルタイムでプレビューし、ウォーターマーク付き画像を即座にダウンロードします。

画像をピクセルアートに変換します。ピクセルサイズとカラーパレットをカスタマイズ可能です

カスタマイズ可能な強度とカラーモード付きでリアルなテレビスタティックノイズエフェクトを生成します。ビデオ、背景、アート作品用にヴィンテージCRTテレビ画面スタティックを作成します。

バーコード対応のプロフェッショナルなレシートを生成します。商品詳細、価格設定、税計算、様々なバーコード形式（CODE128、EAN-13、UPCなど）を含むカスタマイズ可能な店舗レシートを作成します。

小売製品、店舗棚、セール、ガレージセール用の印刷可能な価格タグラベルをデザインしてダウンロードします。スタイルを選択し、価格、通貨、割引用のオプション元価格、アクセントカラーを設定して、タグをPNGまたはJPEG画像としてエクスポートします。

カスタマイズ可能なデザインでプロフェッショナルな名刺を作成します。連絡先情報を含む洗練された名刺を生成し、複数のモダンスキンから選択して、PNGまたはJPEGでダウンロードします。

ウェブサイト用のカスタマイズ可能な降雪アニメーションスクリプトを生成します。雪片の数、色、サイズ、速度、不透明度、風の効果、ぼかし、アニメーションスタイルを設定できます。効果をライブでプレビューし、すぐに使用できるJavaScriptコードをコピーして、任意のウェブページに美しい降雪アニメーションを追加できます。

カスタマイズ可能な強度でZalgoテキストを生成します。テキストの上、中、下に結合Unicode文字を追加して、グリッチ、破損、または不気味なテキスト効果を作成します。

陶芸とセラミックスの粘土収縮を計算します。乾燥と焼成後の最終寸法を見つけるか、希望する最終寸法を達成するために作成する必要があるサイズを決定します。

CSSシャドウを生成します。

ドット、ダッシュなどのスタイルを持つCSS境界線を生成します。境界線の幅、色、半径、個別の辺をコントロールし、ライブプレビューを表示します。

ブレークポイント、画面サイズ、向き、デバイス機能のレスポンシブCSSメディアクエリを生成します。

ライブプレビュー付きでCSSスクロールスナップエフェクトを作成します。カルーセル、スライダー、スムーズスクロールインターフェース用のスナップポイント付きスクロールコンテナを生成します。

アクセシビリティ準拠のための色コントラスト比をチェックします。

任意の入力色から補色と分割補色を生成します。色理論に基づいた調和のとれたカラースキームの作成に最適です。

モックアップ、デモ、デザイン目的のためのフェイクチャット会話を生成します。

画面全体を任意の色で塗りつぶします

アスペクト比から不足している寸法を計算します。比率と1つの寸法を入力して、もう1つを見つけます。

色のリストを色相、彩度、明度、またはRGB値などの異なる基準でソートします。

異なる色空間モード（RGB、LAB、LCH、HSL）を使用して、複数の入力色から平均色を計算します。

調整可能な強度で画像にセピアフィルター効果を適用します。

カスタム半径で画像のコーナーを丸くします。透明背景付きの丸いコーナー写真を作成します。

画像にカスタマイズ可能なボーダーを追加します。実線、破線、点線、二重線のスタイルに対応しています

色を混ぜて新しい色を作成します。

指定された係数で色を明るくします。

指定された係数で色を暗くします。

基本色から複数の濃淡とティントを生成します。

Delta E（ΔE）2000式を使用して、2つの色間の知覚的差異を計算します。色を比較し、人間の目にどの程度似ているか異なっているかを測定します。

16進色コードを検証し、フォーマットタイプを検出し、RGBおよびHSL値を含む詳細な色情報を表示します。

ライブプレビュー付きで画像用のCSSフィルターを生成します。

ライブプレビュー付きのCSSバックドロップフィルターを生成します。

仕様からモニター曲率を計算し、視覚化します。

ウェブ開発とデザインモックアップ用に、テキスト、色、寸法を備えたカスタマイズ可能な SVG プレースホルダー画像を生成します。

異なるブランドとスケール（HB、数値、Staedtler、Faber-Castell、Derwent）全体でグラファイト鉛筆グレードを比較および変換します。

ピクセル（px）、センチメートル（cm）、ミリメートル（mm）、インチ（in）、ポイント（pt）、パイカ（pc）を含むCSS長さユニット間で変換します。

すべての CSS カーソル値のインタラクティブなプレビューと参照、ライブデモンストレーション付き

レガシーInternet Explorer CSSをモダンスタンダードに変換します。IE固有のフィルター（不透明度、グラデーション）、ベンダープレフィックス（-ms-）、古いflexbox/グリッド構文、セレクターハック、プロプライエタリプロパティを自動的にクリーンで最新のCSS相当物に変換します。

インタラクティブなスライダーでFramer Motionスプリングトランジション設定を構築し、その感覚をプレビューして、すぐに使用できるスニペットをコピーします。

AIを使用して調和のとれたカラーパレットを生成します。希望するムード、テーマ、またはスタイルを説明すると、人工知能が各色の名前と説明を含む統一されたカラースキームを作成します。

UI要素を言葉で説明すると、対応するCSSコードを生成します。

Twitch、Discord、またはソーシャルメディア用のカスタマイズ可能なパネルを作成します。複数のデザインスタイルでPC仕様、ルール、自己紹介セクションなどのプロフェッショナルな画像を生成できます。

プリンター校正と品質テスト用のカスタマイズ可能なテスト印刷ページを生成します。カラーバー、グレースケールグラデーション、アライメントマーク、テキストサンプル、グリッドパターンを含むページを作成します。

インタラクティブスライダーでCMYKカラーコードを生成・探索します。カスタムCMYKカラーを作成するか、ランダムな組み合わせを生成します。印刷デザイン、ブランディング、カラー探索に最適で、RGB、HEXなど他のフォーマットへの即座の変換が可能です。

透明画像と要素を表示するためのチェッカーボードパターン付きカスタマイズ可能なCSS透明度グリッドを生成します。

クラシックな黒い枠線とテキスト付きのカスタムデモチベーショナルポスターを作成します

チュートリアルとドキュメント用のビジュアルキーボードショートカット画像を生成します。キーの組み合わせをキャプチャし、Windows/Mac/Generic スタイルを選択し、PNG、JPG、または WEBP としてエクスポートします。ヘルプガイド、トレーニング資料、ソフトウェアドキュメンテーションの作成に最適です。

CSS スタイルを Tailwind CSS ユーティリティクラスに即座に変換します。従来の CSS 構文をモダン Tailwind クラスに変換します。Tailwind へのプロジェクト移行または CSS プロパティの Tailwind 相当物の学習に最適です。

カラー量子化を使用して画像から支配的な色を抽出します。写真を分析して主要なカラーパレットを見つけます。

リニア、ラジアル、コニックオプション付きの美しい CSS グラデーションを作成します。ライブプレビューして、生成された CSS コードをコピーします。

特定の時刻設定でカスタマイズ可能なアナログ時計画像を生成します。PNGまたはSVGでダウンロード可能です。

Tailwind CSSカラーと通常の形式(HEX、RGB、HSL)の間で変換します。任意の色に最も近いTailwindカラーを検索できます。

色を反転させてフィルムネガティブをポジティブ写真に変換します。スキャンされたネガティブ画像を即座に通常の表示可能な写真に変換できます。

設定可能な許容値とエッジスムージングで画像から特定の色を除去します

ISO A、B、Cシリーズおよび米国サイズの用紙寸法をミリメートル、センチメートル、インチ、ピクセル、ポイントで計算

印刷用のフルページ単色シートを生成します。任意の色を選択し、用紙サイズと向きを選んで、HTMLとして印刷またはダウンロードできます。

カスタム背景、フォント、スタイルで美しい引用画像を作成し、ソーシャルメディアで共有できます

拡張機能リスティング向けにブラウザフレーム、プロモーションテキスト、ブランド背景を使用したプロフェッショナルなChrome Web Storeスクリーンショットを作成します

カスタムカーソルファイル（.cur、.ani、.png、.svg、.ico）をアップロードし、ライブプレビュー領域でどのように見えるかをテストします。

任意の色のCSS色名を即座に検索します。HEX、RGB、またはHSL値を選択すると、知覚的精度で最も近いW3C/CSS名前付き色が表示されます。