投稿日：
どうも、べ〜やんです。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介します。
目次
MaterialDesignのColorToolは好みのインターフェイスとカラーコードを確認してコードしてくれる便利なサービスです。
カラーパネルからメインカラーを選択すると自動で明るい色、暗い色を組み合わせてくれます。
インターフェイスが数種類用意されているのでイメージがしやすいです。
セカンダリーやテキストのカラーを選択して組み合わせを確認できます。
EXPORTからCodePenを選択してコード化ができます。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介しました。
全体のイメージを作るのに使用しています。
執筆者：べ〜やん
関連記事
大きさを測定！Google Chromeの拡張機能Page Ruler Redux
どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …
どうも、べ〜やんです。 今回は、おしゃれな無料フリーイラスト素材サイト『ISOMETRIC』を紹介します。 ISOMETRICとは 引用元：ISOMETRIC 『ISOMETRIC』はおしゃれなフリー …
カラーコードがすぐわかる！Chromeの拡張機能ColorPick Eyedropper
どうも、べ〜やんです。 今回は、すぐにカラーコードを確認できる便利なChromeの拡張機能『ColorPick Eyedropper』を紹介します。 ColorPick Eyedropperとは 『C …
どうも、べ〜やんです。 今回は、Photoshopで二枚の画像を雑に合成したので、やり方を紹介します。 合成と言っても今回は切り取った人物画像を背景に貼り付けて、別の場所で撮ったような画像にしただけで …
どうも、べ〜やんです。 webサイトのデザインができるまでの流れを簡単にまとめたいと思います。 webデザイナーの仕事に興味があり実際にどんな流れで仕事をしているのかを知り方にオススメです。 全体の流 …
2019/12/07
2019/12/05
2019/12/03