簡単にマテリアルデザインで使える色のカラーコードをコピーできるサイトが最強すぎた

IT アプリ

現在あらゆるところで用いられているマテリアルデザイン．その中でもマテリアルデザインカラーというものがユーザーフレンドリーなカラーテーマということであらゆるところで使用されています．今回はそんなマテリアルデザインカラーを簡単に確認できるサイトをご紹介していきたいと思います．

はじめに

最近マテリアルデザインというものが有名になってきていますよね．そんな中でマテリアルデザインカラーというものがWebサイトに段々取り入れられてきたかと思います．今回の記事ではこのマテリアルデザインカラーのカラーコードを簡単にコピーできるサイトというものをご紹介していきたいと思います．

Material UI Colors
https://www.materialui.co/colors

マテリアルデザイン

マテリアルデザインとはGoogleが提唱したデザインシステムの一種であり，現在様々なアプリやサイトで取り入れられています．そんなマテリアルデザインでは使用可能な色というものも指定されているようでこれをマテリアルデザインカラーと言っています．

Material UI Colorsの使い方

では早速この便利なサイトの使い方を解説していきましょう．といっても使用方法はクリックするだけです．
ただ，カラーコードとは言っても使用する際は#をつけたい場合やRGBで取得したい場合もあるでしょう．そういった際はこの画像のようにリストで選択できるので活用していきましょう．




デザインの配色まで確認できるサイト

また，このMaterial UI ColorsでWebサイトのベース色を決めたはいいもののサイト全体のイメージなどはベースやアクセントのカラーを決めないとなかなかわからないと思います．そんな時に便利なのがこのサイトです．

マテリアルデザインカラー 色の組み合わせ見本集
https://saruwakakun.com/html-css/material/colors

アプリ形式で全体のデザインの配色が確認できるのでめっちゃ便利です！

さいごに

単色を探すのであればMaterial UI Colors，Webサイト全体のカラーを決めようとするのであればsaruwakakunさんのサイトなど使い分けれるようになればとてもいいかなと思います！

0 件のコメント :

コメントを投稿