苍鹭工具
中文▾
登录
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
首页 › 设计资源 › Material 配色

Material 配色

生成 Material Design 配色。

调色板 颜色 生成 设计

使用步骤

  1. 选择颜色或参数
  2. 实时预览效果
  3. 复制 CSS 代码

适用场景

设计稿与前端样式快速生成。

纯前端计算与预览。

评论 / 纠错 / 我的标注

请先登录 — 登录

请先登录 — 登录

请先登录 — 登录

同类工具
渐变色生成 生成线性/径向 CSS 渐变，实时预览并复制代码。 渐变 字体预览 输入文字并切换字体族，实时预览排版效果。 字体 图标搜索 搜索 Tabler 线性图标，一键复制 SVG 代码。 图标 配色方案生成 基于一个主色生成协调的配色方案（同色/邻近/互补）。 配色 样机生成 把网页地址或截图放进设备样机框中预览。 样机 对比度检查 检查文字与背景的 WCAG 对比度。 对比度 盒阴影 可视化生成 CSS 盒阴影代码。 阴影 文字阴影 可视化生成文字阴影代码。 阴影