材料デザイン 色パレット
Google 材料デザインの色の参照
Material Design Colors
Pick a color to see all formats
HEX
#3B82F6RGB
rgb(59, 130, 246)HSL
hsl(217, 91%, 60%)色を選択し、16 進数、RGB、HSL 値を取得します。この無料のオンライン マテリアル デザイン カラーの使用方法は、ブラウザで直接機能します。ダウンロードやサインアップ、制限はありません。
マテリアル デザインの色
1
コントロールを使用する
上のコントロールを使用して設定を調整します
2
プレビューを見る
プレビューの更新をリアルタイムで見る
3
生成された
をコピーします。満足したら、生成された CSS コードをコピーします
4
コードを貼り付けます
コードをプロジェクトのスタイルシートに貼り付けます
5
このツールをブックマークする
今後の設計作業のためにこのツールをブックマークしてください
よくある質問
マテリアル デザイン カラー パレットは無料ですか?
はい、マテリアル デザイン カラー パレットは完全に無料で、制限、サインアップ、結果内の広告はありません。
生成されたコードを商業的に使用できますか?
絶対に。あなたが生成したすべての CSS およびデザイン コードは、あらゆるプロジェクトで使用できます。
マテリアル デザイン カラー パレットはモバイルでも機能しますか?
はい、このツールは完全に応答しますが、デザイン作業にはデスクトップが最適です。
Tool Information
カテゴリー
Palette デザインとカラーツール
タイプ
⚡ ブラウザで処理
タグ
Related Tools You Might Like
🔗
画像からカラーパレットジェネレータ
画像からドミナント色を抽出する
🔗
RGB/HEXコンバーター
RGBとHEXのカラーフォーマット間で変換
🔗
CSS グラデーションジェネレータ
プレビューでカスタムCSSグラデーションを作成
🔗
WCAG コントラストチェッカー
WCAG規格に準拠したカラーコントラストをチェック
🔗
デジタル署名ジェネレータ
異なるフォントで固定されたデジタル署名を作成する
🔗
箱の影の発電機
CSS ボックスの影を生成する
🔗
サーフボードボリューム計算機
あなたの体重、経験レベル、波条件に基づいて完璧なサーフボードのボリュームを計算します.
🔗
波の高さのコンバーター
異なる波高さ測定(顔の高さ、ハワイアンスケール、オーシャンズウェル)間で変換します.
🔗
スキューバダイビングプランナー
深さの限界、最下の時間および安全解凍の条件のあなたのscubaの潜水艦を計画して下さい.