開発者とデザイナーのためのカラーパレットツール「Colors & Fonts」

2019/06/23 09:00

「Colors & Fonts」は開発者とデザイナーのためのグラデーション、カラーパレットツールです。この手のプロダクトは世の中にいくつあってもいいと思えるほど、各サイトとも参考になります。

◆ 色選択の悩みが解消する「Colors & Fonts」
https://www.colorsandfonts.com/index.html

紹介

非常にシンプルなトップページです。

固定でカラーパレットが並んでいるので、イメージと近いものを探します。

それぞれマウスオーバーすると、RGBのカラーコードを参照できます。

グラデーションも50デザインほど準備されています。グラーデーション名をクリックすると

background: #12c2e9;
/* fallback for old browsers */
background: -webkit-linear-gradient(45deg, #2D6DE9, #12c2e9);
/* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(45deg, #2D6DE9, #12c2e9);
/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

このようなCSSが取得できます。

数は少ないがフォントも用意されています。

全体的に用意されたパターンは少ないですが、イメージのものがあるか試しに見てみてください。

◆ 色選択の悩みが解消する「Colors & Fonts」
https://www.colorsandfonts.com/index.html

ログイン
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。