【色・アイコン・CSS】アプリケーション開発で使える便利サイト集

はじめに

WEBアプリケーションやスマートフォンアプリケーションを開発するときのデザインで「色・アイコン」などの選定に困ったことはありませんか?

今回はそんな時に使えるサイトを紹介します!

色の参考サイト

Picular

Picular is a rocket fast primary color generator using Googl…

原色大辞典

原色大辞典

色の名前とカラーコードが一目でわかるWEB色見本…

uiGradients

uiGradients

uiGradients is a handpicked collection of beautiful color gr…

配色の見本帳

選んだカラーコードから色の成分情報とカラーパターンを検索することができます。Webカラーの数値から調べられるのでメインの…

SCHEME COLOR

SchemeColor.com is a top-rated website to download, create a…

HUE360

uiGradients

uiGradients is a handpicked collection of beautiful color gr…

アイコンの参考サイト

Flaticon

Flaticon

Download Free Icons and Stickers for your projects. Images m…

Loose Drawing

Loose Drawing | 無料で商用利用可なフリーイラスト

シンプルなイラストが見つかるフリー素材サイト Loose Drawing。広告、フライヤー、ポスター、企画書、スライド資…

ソコスト

商用可・フリーイラスト素材|ソコスト

商用可のシンプルなフリーイラスト素材集。画像・ベクター形式でDL!色変更可能!…

ちょうどいいイラスト

フリーイラスト素材集|ちょうどいいイラスト

商用利用可、クレジット表記不要のフリーイラスト素材を配布中。どんなシーンにも大体はまる、シンプルでかわいいイラストを配布…

Linustock

Open Peeps is a hand-drawn illustration library to create sc…

SHiGURENi

「shigureni free illust」で配布しているイラスト素材は、規約の範囲内であれば個人・法人・商用・非商用…

manypixels

Download our 2,500+ editable and royalty-free SVG and PNG il…

ISOMETRIC

このウェブサイトは販売用です! isometric.online は、あなたがお探しの情報の全ての最新かつ最適なソースで…

unDraw

The design project with open-source illustrations for any id…

ICOON MONO

Material icons

Google Fonts

Material Symbols are our newest icons consolidating over 2,5…

Icon-rainbow

商用可の無料(フリー)のアイコン素材をダウンロードできるサイト『icon rainbow』

ダ鳥獣ギ画

鳥獣戯画のベクターデータ配布サイト。新しい戯画もあり。…

Human Pictogram 2.0

人間ピクトグラム素材のギャラリー…

いらすとや

いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。…

Bootstrap Icons

Official open source SVG icon library for Bootstrap…

Facebook Design

Facebookで投稿や写真などをチェックできます。…

lordicon

Powerful animated icon library with 8,900+ free and premium …

CSSの参考サイト

pico.css

Pico.css

Elegant styles for all native HTML elements without .classes…

imagehober.css

A lovingly crafted CSS Image Hover animation Library…

AMBURGERS

Jonathan Suh

Tasty CSS-animated Hamburgers…

Beautiful CSS 3D

Neumorphism .io

CSS code generator that will help with colors, gradients and…

Glassmorphism .io

Hype4 Academy

Glassmorphism is a unified name for the popular Frosted Glas…

おわりに

今回はWEBアプリケーションやスマートフォンアプリケーションを開発するときのデザインでとても参考になるサイトを紹介しました!

デザインをしなくてもプレゼンテーションの素材として使うにも便利ですね!

本ブログでは今後も便利なサイトやFlutter、GAS、Pythonについての記事を書いていきますので、フォローお願いします。

最新情報をチェックしよう!