無料ツール · お使いのデバイス上で
CSS・PNG グラデーション作成ツール（無料）
Web サイト、壁紙、プレゼン用のグラデーションを作りましょう。種類、角度、2〜8 色とその位置を選ぶと、結果がすぐに表示されます。CSS をコピーするか、デスクトップ・スマホ・任意サイズの PNG でダウンロードできます。
- アカウントがあれば無料
- そのまま貼り付けられる CSS
- 4K までの PNG または任意サイズ
- 例または種類を選ぶ
- 色を調整
- CSS をコピーまたは PNG をダウンロード
使い方
3つのステップ。
例または種類を選ぶ
例から始めるか、線形・放射・円錐を選び、角度や中心を指定します。
色を調整
最大 8 色まで追加し、位置を動かしたり、均等に配置したり、順番を反転したりできます。プレビューはすぐに更新されます。
CSS をコピーまたは PNG をダウンロード
コードをコピーしてスタイルシートに使うか、サイズを選んで「PNG をダウンロード」を押します。
次のステップ
これらのツールで続けましょう
グラデーション作成ツール：よくある質問
この CSS はすべてのブラウザーで使えますか？
線形と放射グラデーションは現行のすべてのブラウザーで使えます。円錐グラデーションは、ここ数年の Chrome、Edge、Firefox、Safari で使えます。
細かい粒子は何のためですか？
PNG の各ピクセルを 1 段階ずつ上下させ、なめらかなグラデーションが大画面で段差に見えないようにします。CSS は変わりません。
PNG はどのくらいの大きさにできますか？
デスクトップ、4K、スマホ、正方形、ヘッダーのサイズのほか、任意のサイズも入力できます（1 辺 10,000 px・4,000 万画素まで）。
画像はサーバーにアップロードされますか?
いいえ。このツールはブラウザ内で動作します。ファイルはお使いのデバイス上で読み込まれ処理されるため、Cocuyoやサードパーティに送信されません。ブラウザのネットワークツールで確認できます：ファイルは送信されません。
本当に無料ですか？
はい。登録前に試せます。使い続けるには無料アカウントが必要です（サブスクリプションは不要）。クレジットは使わず、30回のウェルカム利用にも数えません。利用回数に制限はありません。
そのほかの無料ツール
そのほかの画像ツール
背景を削除透明なPNG、または白い背景。JPGと画像をPDFにJPG、PNG、WebPを1つのPDFにまとめます。画像を圧縮JPG、PNG、WebPファイルを小さくします。QRコード作成URL、テキスト、WiFi、WhatsApp、メール。画像コンバーターJPG、PNG、WebP、ICO、BMP、TIFF、対応環境ならAVIFもひとつのセレクターで。画像をリサイズピクセル、パーセンテージ、SNS用サイズ。画像をトリミング自由なトリミング、または1:1、4:5、9:16、16:9、3:2。画像からテキストへ（OCR）写真やスクリーンショットからテキストを抽出。パスポート・ID写真2 × 2 in、35 × 45 mm、印刷用シート。PNG 圧縮最大 256 色のパレットで軽くした PNG。バーコード作成ツールEAN-13、UPC-A、EAN-8、Code 128をPNGまたはSVGで。コラージュメーカー1枚の画像に2〜9枚の写真。WhatsAppステッカー透明な512 × 512のWebP、最大30枚。署名作成ツール署名を手書きか入力で作成し、PNGでダウンロード。画像をSVGにロゴ、アイコン、イラストをベクター化。透かしテキストまたはロゴを、隅に1つ、または全面に並べて配置。回転と反転90°、180°回転、または鏡のように反転。背景をぼかすポートレート効果：被写体はくっきり、背景はぼかして。GIF作成ツール複数の写真を、アニメーションGIFに。白黒白黒、セピア、明るさ、コントラスト。写真をイラストに鉛筆、色鉛筆、漫画風、ピクセルアート。AI なし。WiFi QRコード読み取るだけで接続、パスワード入力は不要。ストア向け写真白背景の写真を最大50枚。写真に枠を付けるカラー枠、角丸または円形、影付き。画像にモザイク顔、ナンバープレート、個人情報を隠す。ファビコンジェネレーターfavicon.icoと、16〜512 pxのPNG。WhatsApp QRコード読み取ると、あなたとのチャットが開きます。カルーセル分割パノラマを、番号付きのピースに。商品の影やわらかい影、くっきりした影、または浮かんだ影。画像をBase64に変換HTMLとCSS用のデータURI。EXIFとGPSを削除位置情報、カメラ、日付を削除。写真のシャープ化AIなしで、輪郭を強調して2倍に拡大。デザインエディタテキスト、写真、図形を編集可能なデザインに。
すべての無料ツール
動画から音声を抽出動画の音声をMP3に(MP4からMP3)。動画をカット必要な部分だけを残す。動画を圧縮WhatsApp、メール、Web向けにファイルを小さく。動画を変換MOV、MKV、WebMをMP4に、またはウェブ用のWebMに。動画からGIFへ動画の一瞬を、アニメーションGIFに。動画を結合2〜10個のクリップを1つに結合。動画の速度0.25倍〜4倍、ピッチの保持あり・なし。動画を回転90°、180°、反転、音声はそのまま。自動字幕音声認識、SRT、VTT、アニメーションスタイル。動画に音楽を追加置き換えまたはミックス、フェードつき。写真から動画へフェードと音楽つきのスライドショー。動画をミュート同じ動画で、音声なし。動画を9:16、1:1、16:9にTikTok、リール、Instagram、YouTube向け。動画の画面切り抜き範囲を選んで黒帯を消したり、9:16、1:1、4:5 にしたりします。動画に透かしロゴやテキストを好きな位置に。GIFからMP4へアニメーションを、共有できる動画に。動画を逆再生逆再生、または行って戻る再生。動画をフレームにN秒ごとに1枚の画像を、ZIPで。無音部分を削除話している動画から、間をカットします。顔を追う縦型動画人を切らずに、16:9から9:16へ。レトロ動画エフェクトVHS、古いテレビ、グリッチなど。アニメーションタイトル登場して消える、アニメーションするタイトル。カメラテストリアルタイム映像、解像度、フレームレート。固定ショットの被写体クリーンな背景のパッチ、固定カメラのみ。動画のリサイズとシャープ化補間とやさしいシャープ化、最大1080p。動画モンタージュクリップをトリミングして並べ替え、プロジェクトを保存してあとで続きができます。字幕を変換（SRT、VTT、SBV、ASS）動画を選ばずに、既存の字幕を変換します。画面レコーダー画面、ウィンドウ、タブをローカルで録画。MP3カッターと着信音メーカー波形を見ながらカット、着信音を作成。文字起こし音声認識：段落ごとまたはタイムスタンプ付きのTXT、そしてSRT。音声コンバーターMP3、WAV、FLAC。ブラウザが対応していればOGGとM4Aも。音声ファイルを結合複数のファイルを1つに、間を空けるかクロスフェードで。チューナーマイクでギター、ベース、ウクレレ、バイオリンをチューニング。音量アップ歪ませずに、正規化したりデシベルを加えたりします。メトロノーム20〜300 BPM、拍子と細分化。マイクテストリアルタイムのレベル、音割れ、5 秒録音。ノイズ除去一定のハム音、ファンの音、ヒスノイズ。キーとテンポを変更半音単位でキーを上下し、速さを変えます。ポッドキャストのオーディオグラムあなたの音声を、動く波形つきの動画に。BPM 検出曲のテンポと手動タップテンポ。オーディオイコライザー10 バンド、低音強調、声をクリアに。トーンジェネレーター20 Hz〜20 kHz のトーン、ノイズ、スイープ。合成サウンドビープ音、ヒュッという音、衝撃音、雨、ライザー、クリック音。音声を録音編集や文字起こしのためのテイクを録音しましょう。PDFを結合複数のPDFを、好きな順序で1つにまとめます。PDFを圧縮写真やスキャンの入ったPDFを小さく。PDFからJPG・PNG・WebPへすべてのページをJPGまたはPNG画像で。PDFに署名署名を描く、入力する、またはアップロードして配置します。PDFを分割範囲で分割、またはページを抽出。書類をスキャン用紙の写真をまっすぐに補正してPDFに保存。PDFの回転と並べ替えページの回転、並べ替え、削除。PDFのテキスト抽出ドキュメントを確認するためのTXTコピーを取得しましょう。PDFを編集テキスト、ハイライト、描画を追加します。PDFにページ番号を追加開始番号、形式、位置。PDFの透かしサイズ、角度、不透明度を指定できるテキスト。PDFを保護開くためのパスワードとAES-256暗号化。PDFのロック解除既知のパスワードと、復号する権限。検索可能なPDFのOCRスペイン語と英語に対応した、ローカルの複数ページOCR。PDFを墨消し再構築したページに黒塗りの領域を。PDFを比較ページごとのテキストと画像のレポート。PDFフォームに入力AcroFormのフィールドと、任意のフラット化。おしゃれ文字プロフィールやメッセージに使える30種類以上のUnicodeスタイル。パスワード生成ランダムに、選んだ長さと文字で。単語数・文字数カウンター単語数、文字数、各SNSの上限。ニックネーム生成ゲームや SNS 用の名前を、スタイルや飾り付きで。絵文字と記号スペイン語か英語で検索して、ワンタップでコピー。大文字小文字変換大文字、小文字、文頭のみ大文字…タイピングテストWPM と正確率を測定。数字を文字に小切手や請求書のための金額の文字表記。クリック速度テスト1〜60 秒で1秒あたりのクリック数を計測。WhatsAppリンクあなたの番号と入力済みメッセージつきのwa.me。余分なスペースを削除二重スペース、空白行、見えない文字。テキスト比較台本や企画書の2つのバージョンを見比べましょう。文字を反転テキストを反転、上下逆さま、鏡文字、繰り返し。JSONの整形と検証大きな数値や重複したキーも見えるまま、JSONを読み取ります。2進数変換2進数、8進数、10進数、16進数、テキスト。JSONからCSV、CSVからJSONデザインやレビューのために、表とデータを準備します。Lorem ipsum ジェネレーターラテン語またはスペイン語のダミーテキスト。テキスト用Base64UTF-8のテキストを、文字を失わずに運びます。正規表現テスト一致箇所のハイライト、グループ、置換。URLのエンコードとデコード文字を、正しいコンテキストでエスケープします。UUID v4ジェネレーター作業用のランダムな識別子を作成します。Unix タイムスタンプエポックから日付、日付からエポック。秒またはミリ秒。ハッシュを計算（MD5、SHA-256）MD5、SHA-1、SHA-256でダウンロードを確認。XMLサイトマップジェネレーター入力したURLからXMLを準備します。Word（DOCX/ODT）からPDFDOCXやODTのテキスト、表、画像を、テキストを選択できるPDFに再構築。無料履歴書メーカーセクションごとに履歴書を入力し、PDFまたはWordでダウンロード。請求書作成ツールPDF の請求書、見積書、領収書。ExcelからPDFXLSX、XLS、ODS、CSV、TSVのシートを、実テキストのPDFの表に。JPGをWordに（OCR）写真やスキャンの文字を読み取り、編集できるDOCXを作成。ExcelとCSVXLSX、XLS、ODSをシートごとにCSVへ、またはCSV/TSVを文字列セルのXLSXへ変換。PDFから編集可能なWordPDFのテキストを、ページごとにまとめた編集可能なDOCXに抽出します。PDFから確認できるExcelテキストを位置でグループ化して、列を確認し、XLSXを作成します。PowerPointからPDFPPTXのスライドを、テキスト、表、画像とともに再構築します。PDFからPowerPointPDFの各ページを1枚の画像にしたPPTXを作成します。TXTをPDFにメモやプレーンテキストを、テキスト検索できるPDFに。HTMLコンテンツからPDFHTMLから、選択できるテキスト、表、埋め込み画像を含むPDFを作成。MarkdownからPDFMarkdownの見出し、本文、リスト、コード、表を、実テキストのPDFにレイアウト。オンライン電卓基本と関数計算、メモリーと履歴付き。タイマーアラーム付きのカウントダウン。別のタブでも動作。パーセント計算Y の X%、何パーセントか、増減と割引。年齢計算年・か月・日で正確な年齢。単位換算長さ、重さ、温度、体積など。ストップウォッチ100分の1秒、ラップ、CSV ダウンロード。乱数選んだ範囲のランダムな数字。ルーレット名前や選択肢でルーレットを回します。BMI 計算WHO の成人向け分類による BMI。ローン計算返済額、利息、返済予定表。比例計算（三数法）正比例・反比例・複比例を手順付きで。日数計算日付間の日数・週数・営業日。消費税計算税の加算・除外、割引、チップを計算。複利積立あり、表とグラフ付きの貯蓄計算。カロリー計算体重の維持・減量・増量に必要なカロリー。妊娠計算妊娠週数と出産予定日。平均の計算成績の平均、加重平均、中央値、最頻値。名前の抽選当選者、補欠、ランダムチーム分け。コイントスコインを 1 枚、または一度に最大 100 枚投げます。ポモドーロ通知付きの作業時間と休憩。分数計算分数の四則演算を手順付きで。サイコロを振る4〜100 面のサイコロを 1〜10 個、合計付き。排卵日計算周期ごとの推定排卵日と妊娠しやすい日。タイムゾーン換算複数の都市の時刻を一度に比較。
作りたいとき
AIで新しい画像を作ろう。
Cocuyoのスタジオには、画像、動画、音声の30以上のAIモデルが集まっています。生成前にクレジット費用を確認でき、クレジットに有効期限はありません。