グラデーションエディター
デザイナーと同じように色を滑らかなブレンドに。ストップをドラッグし、線形または放射状を切り替え、角度を設定し、背景、テキスト、写真編集用に CSS または色コードをコピー。PictorX はブラウザでエディターを動かします。 カラーストップをドラッグし、線形 / 円形を切り替えて、CSS や HEX をコピー。
使い方
- カラーストップをドラッグするか、HEX、RGB、HSL 値を入力します。
- 線形または放射状を選び、角度を設定し、CSS またはストップ色をコピーします。
- グラデーションを PictorX の塗り、テキスト、シェイプに貼るか、ストップの編集を続けます。
ドラッグできるカラーストップ
各ハンドルはカラーストップです。バーに沿ってドラッグして位置を変え、クリックして HEX、RGB、HSL、HSV、CMYK を編集し、色の数でストップを追加または削除します。線形はどの方向にもブレンドできる角度も取り、放射状は中心から広がります。
どこにでも貼れるCSS
CSS とデザインツール用に linear-gradient または radial-gradient 文字列全体をコピーするか、1ストップを HEX、RGB、HSL、HSV、CMYK でコピー。パレットのコピーはすべての16進を一度に。そのあと PictorX で編集を続けます。
よくある質問
グラデーションエディターとは何ですか？
グラデーションエディターは線上または中心から2色以上を混ぜます。各ハンドルはカラーストップ。ドラッグして位置を変え、背景、テキスト、シェイプ用に CSS や HEX をコピーします。
線形と放射状グラデーションの違いは？
線形グラデーションは一方向に色を混ぜます。角度で左右、上下、斜め。放射状は中心から外へ、スポットライトのように混ぜます。
CSSとHEXをコピーできますか？
はい。CSSのコピーは linear-gradient または radial-gradient 文字列全体をコピーします。ストップを選んで HEX、RGB、HSL、HSV、CMYK。パレットのコピーはすべての16進を一度に。
グラデーションエディターは作品をアップロードしますか？
いいえ。エディターはブラウザで動きます。CSS またはコードをコピーし、同じワークスペースの塗り、テキスト、写真効果で PictorX に使います。
関連ツール
色についてもっと見る
画面と印刷で色がどう働くか。RGB、CMYK、HSL、16進、カラーホイール、グラデーション、コントラスト、そして PictorX のツール。
カラーホイール
インタラクティブなホイールで色を選び、補色、類似色、トライアドなどのパレットを生成し、HEX、RGB、HSL、HSV、CMYK をコピー。アップロードはありません。
カラーパレットジェネレーター
ブラウザでカラーパレットを構築、ロック、シャッフル。HEX、CSS変数、JSON をコピー、PNG または SVG を書き出し、写真から色を抽出。アップロードはありません。
カラー転送
2枚目の画像の色で写真を塗り直します。ブラウザでライブプレビュー、強さスライダー、明るさの保持。アップロードはありません。
エレクトリックドリームフィルター
効果 → 色 で映画のような輝き。効果 → 色 → ネオングロー、効果 → 色 → ヒートマップ、効果 → 色 → デュオトーン など。フィルターを重ね、不透明度を調整してポスター品質のエレクトリックな仕上がりに。 ソフトのインストールなしで、ブラウザの PictorX を無料で使います。
デザインテンプレート
数百の完成済みレイアウトでスタート。アート構図、テキストや詩、表、グラフ、インフォグラフィック、イラスト、プレゼン資料など。テンプレートを開き、すべてのレイヤーを調整して、数分で公開。 ソフトのインストールなしで、ブラウザの PictorX を無料で使います。
試してみますか？
ブラウザで PictorX を開きます。インストール不要、始めるのにクレジットカードも不要です。
エディターへ