投稿日：
どうも、べ〜やんです。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介します。
目次
MaterialDesignのColorToolは好みのインターフェイスとカラーコードを確認してコードしてくれる便利なサービスです。
カラーパネルからメインカラーを選択すると自動で明るい色、暗い色を組み合わせてくれます。
インターフェイスが数種類用意されているのでイメージがしやすいです。
セカンダリーやテキストのカラーを選択して組み合わせを確認できます。
EXPORTからCodePenを選択してコード化ができます。
今回は、インターフェイスと配色をコード化してくれるMaterialDesignのColorToolを紹介しました。
全体のイメージを作るのに使用しています。
執筆者：べ〜やん
関連記事
大きさを測定！Google Chromeの拡張機能Page Ruler Redux
どうも、べ〜やんです。 今回は、画面上のさまざまなサイズを簡単に測定できるGoogle Chromeの拡張機能Page Ruler Reduxを紹介します。 Page Ruler Reduxとは Pa …
フォントを簡単に調べられる！Chromeの拡張機能WhatFont
どうも、べ〜やんです。 今回は、webサイトで使われているフォントを簡単に調べられるChromeの拡張機能『WhatFont』を紹介します。 WhatFontとは 『WhatFont』はwebサイトで …
カラーコードがすぐわかる！Chromeの拡張機能ColorPick Eyedropper
どうも、べ〜やんです。 今回は、すぐにカラーコードを確認できる便利なChromeの拡張機能『ColorPick Eyedropper』を紹介します。 ColorPick Eyedropperとは 『C …
どうも、べ〜やんです。 今回は、お気に入りのwebページを保存しておく便利なサービスのPocketを紹介します。 Pocketとは Pocketは、お気に入りのwebページを保存しておく世界で2,20 …
全画面スクリーンショット!Chromeの拡張機能Full Page Screen Capture
どうも、べ〜やんです。 今回は、ワンクリックで全画面スクリーンショットができるChromeの拡張機能『Full Page Screen Capture』を紹介します。 Full Page Screen …
2019/12/07
2019/12/05
2019/12/03