スポンサーリンク
piyo
piyoは、2年前に購入した「GeForce RTX 3070 8gb」を使って記事を書いているよ。
グラデーションカラー制作におすすめな参考見本色サイト
グラデーションの制作時に色の参考にしたり、画像をダウンロードしたり。参考サイトを使うと、より手軽にきれいなグラデーションできます。
Grabient
カラーのところにカーソルを合わせると色番号が表示されるので、カラーの参考に。
Grab yourself a gradient
Beautiful and simple UI for generating web gradients.
www.grabient.com
gradients.cssgears
２色で構成されているのでコピペで綺麗な色が表現できます。
CSS GEARS - Gradients Cards
The Ultimate gradients guide for your next project sketch,Adobe xd and css Gradients
gradients.cssgears.com
0to255
指定した色の彩度グラデーションを表示してくれるサイト。RGBやHEXなど表示が分かれていて便利
A Most Useful Color Picker | 0to255
Find lighter and darker colors based on any color. Discover why over two million people have used 0to255 to choose colors for their website, logo, room interior...
0to255.com
uiGradients
全画面表示されるので広範囲のグラデーション制作の参考になるよ。
uiGradients - Beautiful colored gradients
uiGradients is a handpicked collection of beautiful color gradients for designers and developers.
uigradients.com
itmeo
丸型の塗りつぶしの時に参考になるサイト。PNG形式の画像としてダウンロードすることもできるよ。
Free Gradients Collection by itmeo.com
Free collection of 180 background gradients that you can use as content backdrops in any part of your website.
webgradients.com
CSS GRADIENT BUTTONS
ボタンを作るときに参考になるサイト
Gradient buttons
Gradient buttons
gradientbuttons.colorion.co
Free Mesh Gradient Collection
グラデーション画像をダウンロードできるサイト。.sketch、.webp、.ai、.webp、.eps に対応しています。
Free Mesh Gradient Collection
100 mesh gradients in .sketch, .png, .ai, .jpg, .eps
products.ls.graphics
CoolHue
ダウンロードもコピペに使えるよ。
Gradient Colors Collection Palette - CoolHue 2.0
Get coolest handpicked gradient colors collection palette for your next project, alternatively copy css or download as image too.
webkul.github.io
Adobe Color
手持ちの画像からグラデーションカラーが作成できます。
https://color.adobe.com/ja/create/image-gradient
color.adobe.com
他にもグラデーションまとめサイトはこちらから
コメント