マテリアルカラーリファレンス
無料のオンラインツールでマテリアルデザインの全カラーコードを検索・コピー。256色パレットのHEX値をワンクリックで簡単に取得できます。
No results found
使い方
- ブラウザでMaterial Color Referenceツールを開きます。
- カラーファミリーごとに整理された256色の完全なパレットを閲覧します。
- スクロールしながら目的の色グループを探し、使いたい色を見つけます。
- カラースウォッチをクリックすると、hexコードが自動的にクリップボードにコピーされます。
- コピーしたコードをCSS、Figma、Sketchなどのデザインツールに直接貼り付けます。
例
入力: Material Deep Purple 400
結果: #7E57C2
よくある質問
GoogleのオフィシャルカラーシステムであるMaterial Designパレットには、Red、Blue、Green、Purpleなどのカラーファミリーに分類された256色が含まれており、各ファミリーには明るさの異なる複数のシェードがあります。
はい、完全に安全です。すべての処理はブラウザ上でクライアントサイドで行われ、いかなるデータもサーバーに送信されることはありません。
カラースウォッチまたはhex値をクリックするだけで、自動的にクリップボードにコピーされます。
はい、Material Designのカラーは無料で使用可能で、個人・商業を問わずウェブ、モバイル、デスクトップアプリケーションで広く活用されています。
ほとんどのカラーファミリーには50から900までのシェード、および一部のカラーにはアクセントバリアント（A100、A200、A400、A700）が含まれています。