投稿日：
どうも、べ〜やんです。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介します。
目次
MaterialDesignのColorToolは好みのインターフェイスとカラーコードを確認してコードしてくれる便利なサービスです。
カラーパネルからメインカラーを選択すると自動で明るい色、暗い色を組み合わせてくれます。
インターフェイスが数種類用意されているのでイメージがしやすいです。
セカンダリーやテキストのカラーを選択して組み合わせを確認できます。
EXPORTからCodePenを選択してコード化ができます。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介しました。
全体のイメージを作るのに使用しています。
執筆者：べ〜やん
関連記事
どうも、べ〜やんです。 今回は、好きな文章で複数の日本語フリーフォントを一度に確認できるサービス『ためしがき』を紹介します。 ためしがきとは 引用元：ためしがき 『ためしがき』は商用利用可能な日本語の …
どうも、べ〜やんです。 今回は、背景素材を生成してくれるCool Backgroundsを紹介します。 Cool Backgroundsとは 引用元：Cool Backgrounds Cool Bac …
どうも、べ〜やんです。 webサイトのデザインができるまでの流れを簡単にまとめたいと思います。 webデザイナーの仕事に興味があり実際にどんな流れで仕事をしているのかを知り方にオススメです。 全体の流 …
アニメーション背景を作成！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