デザイナー向けのカラー、グラデーション、シャドウなど。 · 34件のツール
調和のとれたカラーパレットを作成します。
CSSグラデーションをデザインしてコードをコピーできます。
CSSのbox-shadowを視覚的にデザインします。
HEX、RGB、HSLなどを相互変換します。
WCAGに基づいてコントラストを確認します。
SVGファイルのサイズを小さくします。
border-radiusで角や有機的な形をデザインし、CSSをコピーできます。
backdrop-filterを使ったすりガラス効果。すぐにコピーできます。
ボタンやカード用の、ニューモーフィズム風のやわらかいシャドウ。
パターン（ドット、ストライプ、六角形…）の背景をCSSまたはSVGで作成。
デザインに使える、グラデーション付きのランダムな有機的SVGシェイプ。
Webサイトのセクション区切りに使える、すぐに使えるSVGウェーブ。
グラデーション、アウトライン、3Dのボタンをデザインし、ホバー付きのCSSをコピーできます。
アニメーションカーブをデザインしてリアルタイムで試せます。
すぐに使える@keyframesアニメーション：バウンス、鼓動、シェイク、フェードなど。
CSSで要素を三角形、星、六角形などの形に切り抜きます。
CSSグリッドを視覚的に作成してコードをコピーできます。
Flexboxのすべてのプロパティを試して、結果をすぐに確認できます。
比率をもとに、調和のとれた見出しや本文のサイズを計算します。
基準サイズに合わせてピクセル、rem、em、pt、vwを相互変換します。
1型・2型・3型色覚の人にデザインがどう見えるかを確認できます。
ワンクリックで画面上の任意の場所の色を取得します。
イニシャルとグラデーションのアバターをPNGまたはSVGで作成します。
Gmail、Outlook、Apple Mail用のプロフェッショナルな署名をデザインします。
ブランド名とキャッチコピーで文字ロゴを作成し、PNGまたはSVGで保存します。
ロック可能な色付きのランダムパレット（パステル、ビビッド、アースカラー…）。
HEXやRGBの色名と、その他の形式での値を調べます。
ブランドカラーの50〜950スケールをTailwindやCSS変数用に生成します。
1枚の画像からiOS、Android、Web用のすべてのアイコンサイズを生成します。
名刺をデザインし、すぐに印刷できるA4シートをダウンロードできます。
講座の修了証、表彰状、卒業証書をPDFで作成。
品目、税（IVA）、合計付きのシンプルな請求書・見積書をPDFで作成。
きれいなテンプレートで履歴書を作成し、PDFでダウンロードできます。
画像を白フチ付きのWhatsAppステッカー（512 × 512 WEBP）に変換します。
