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

「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

新着ピック  










山本 聡山本 聡9時間前フリーランスWebフロントエンドエンジニア












新着ニュース

【MediaPipe】Multi Hand Trackingで3つ以上の手を骨格検出できなかった話 | Developers.IO

【MediaPipe】Multi Hand Track...

DevelopersIO / 9時間前


ジンバブエで日産リーフを利用したタクシー配車システムを展開するVaya Africa | TechCrunch Japan

テレワークにピッタリな新型Let's note 「withコロナ」でもビジネスに貢献

最大20万円の「学生支援緊急給付金」をLINEで申請可能に--文科省が公式アカウント開設

米連邦控訴裁が極右活動家のグーグルやアップルに対する反保守偏向訴訟を棄却 | TechCrunch Japan

入社して4ヶ月Alteryxの認定試験いろいろ受けてみた | Developers.IO

AWS CLIを使って、Amazon S3で静的ウェブサイトをホスティングしたい | Developers.IO

IT業界の「多重下請け地獄」が横行し続ける真の理由

Retty×CAMPFIRE、飲食店応援プロジェクト--資金集めから店舗展開までサポート

PC版「LINE」のビデオ通話にバーチャル背景機能

ドコモ、厚労省に人口統計データ提供 新型コロナ感染拡大予防で協力

Twitterのファクトチェック警告に怒り心頭のトランプ大統領、SNSを規制または閉鎖すると息巻く | TechCrunch Japan

メイドイン和歌山の公道走れる電動キックボードがMakuakeに、開始1時間で目標金額400万円を突破 | TechCrunch Japan

NTTコムに不正アクセス 法人の工事情報が漏えいした疑い

「Disney+」6月11日より国内での提供開始 --月額定額700円

Crew Dragonの最新型宇宙服は通信装置と温度調節の機能を内蔵、タッチパネル対応グローブも装備 | TechCrunch Japan

note、イベントスペース「note place」6月オープン オフ会から発表会まで対応、配信設備も完備

MVNOも導入予定の5G その際に悩ましい「5Gピクト」「端末」「エリア」問題

[アップデート] Network Load Balancer で TLS ALPN がサポートされたので HTTP/2 が可能になりました。 | Developers.IO

マイクロソフト、スタンドアロンの「Cortana」アプリをリリース--生産性支援機能を強化

もっと見る
会員登録
Register
記事をPICKする

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