CSS Gradient Generatorの特長は、カラーモードを LRGB ・ HSL ・ HSV ・ HCL ・ LAB から選べること。例えば赤・緑・青の3色を混合するRGBカラーを使うとグラデーションを作ったときに混色で濁ってしまう部分が存在しますが、デフォルトになっている色相・彩度・明度から構成される「HCLカラー」の場合 ...

おまけ：画像生成AIとの連携（活用例） おまけっていうか、どっちかというとこっちがメイン機能な気もしますが。 生成した CSSカラーパレット を、Nano Bananaなどの画像生成AIに渡して「このカラーパレットで画像を生成して」とお願いすると、統一感のあるビジュアルを簡単に作れます。

指定したカラーをベースにシェードのバリエーションを生成し、色彩トーンを使ったUIデザインにぴったりな配色を生成するオンラインツールを紹介します。 このツールのUIも非常に洗練されており、操作性も非常に快適です。 Kigen Color Generatorは、人気が ...

A modern and responsive color palette generator built using HTML, CSS, and JavaScript. It allows users to generate a 5-color scheme based on a selected seed color and scheme style. It also supports ...

A beautiful and interactive gradient background color generator built with HTML, CSS, and JavaScript. This web tool lets users generate random two-color gradients for their websites and easily copy ...

先日、CSSワーキンググループでCSSの新しい関数としてcolor-scheme()が追加され承認されました。ブラウザに実装されるのは ...

Canvaユーザーにも意外と知られていない超便利機能があります。 その名も「Color Palette Generator」（カラーパレットジェネレーター）。 今回はカラーパレットジェネレーターの使い方と注意点をご紹介します。 ※カラーパレットジェネレーターの利用には ...

Ed Eliot氏およびStuart Colville氏は23日(米国時間)、CSS Sprite Generatorの最新版となるCSS Sprite Generator 2を公開した。CSS Sprite Generator 2はオーバーホールが実施されたメジャーアップグレードバージョン。以前のバージョンでは画像の結合にGDを採用していたが、新しい ...