投稿日：
どうも、べ〜やんです。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介します。
目次
MaterialDesignのColorToolは好みのインターフェイスとカラーコードを確認してコードしてくれる便利なサービスです。
カラーパネルからメインカラーを選択すると自動で明るい色、暗い色を組み合わせてくれます。
インターフェイスが数種類用意されているのでイメージがしやすいです。
セカンダリーやテキストのカラーを選択して組み合わせを確認できます。
EXPORTからCodePenを選択してコード化ができます。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介しました。
全体のイメージを作るのに使用しています。
執筆者：べ〜やん
関連記事
どうも、べ〜やんです。 今回は、簡単にアイコンを表示できるサービス『Icongram』を紹介します。 Icongramとは 引用元：Icongram Icongramは9つのアイコンライブラリからAP …
どうも、べ〜やんです。 webサイトのデザインができるまでの流れを簡単にまとめたいと思います。 webデザイナーの仕事に興味があり実際にどんな流れで仕事をしているのかを知り方にオススメです。 全体の流 …
どうも、べ〜やんです。 今回は、CSSのおしゃれなエフェクトを紹介してくれるサイト『CSSFX』を紹介します。 CSSFXとは 引用元：CSSFX CSSFXはCSSのクリック、ホバー、ローディング時 …
アニメーション背景を作成！Animated CSS Background Generator
どうも、べ〜やんです。 今回は、アニメーション背景を作成してくれる『Animated CSS Background Generator』を紹介します。 Animated CSS Background …
カラーコードがすぐわかる！Chromeの拡張機能ColorPick Eyedropper
どうも、べ〜やんです。 今回は、すぐにカラーコードを確認できる便利なChromeの拡張機能『ColorPick Eyedropper』を紹介します。 ColorPick Eyedropperとは 『C …
2019/12/07
2019/12/05
2019/12/03