谷歌宣布开源 Material Color Utilities 代码库,将新的主题系统带到更多系统,包括苹果 iOS。 在一篇博客文章中,谷歌称 Material Color Utilities 是一个颜色代码库,其中包括开发者在实现 Material You 的动态主题所需的一切。 IT之家了解到,目前,该库包含 Dart、Java 和 Typescript 版本,但谷歌计划将其引入 iOS、C...
在Material3 下颜色其实不是完全按照 RGB 去计算,而是会经过material-color-utilities的转化,通过内部的CorePalette对象,RGB 会转化为 HCT 相关的值去计算显示。 对于HCT 其实是 Hue、Chroma、Tone 三个单词的缩写,可以解释为色相、色度和色调,通过谷歌开源的material-color-utilities插件就可以方便实现 HCT 颜色空间的...
在Android 12 以及 Material You 正式发布之后,Google 也将这套系统背后的色彩科学研究成果 —— 代码库 Material Color Utilities 正式开源,Google 还计划通过 SASS 和 GLSL 着色器,将其应用到 iOS、 CSS 之中。 它最初是为 Pixel 手机而开发的,但现在随着代码库开源,不仅其他 Android 手机厂商可以使用,其他任何...
在Material3 下颜色其实不是完全按照 RGB 去计算,而是会经过material-color-utilities的转化,通过内部的CorePalette对象,RGB 会转化为 HCT 相关的值去计算显示。 对于HCT 其实是 Hue、Chroma、Tone 三个单词的缩写,可以解释为色相、色度和色调,通过谷歌开源的material-color-utilities插件就可以方便实现 HCT 颜色空间的...
在Material3 下颜色其实不是完全按照 RGB 去计算,而是会经过material-color-utilities的转化,通过内部的CorePalette对象,RGB 会转化为 HCT 相关的值去计算显示。 对于HCT 其实是 Hue、Chroma、Tone 三个单词的缩写,可以解释为色相、色度和色调,通过谷歌开源的material-color-utilities插件就可以方便实现 HCT 颜色空间的...
未来,Google 还会进一步为 Material Color Utilities 添加各种模块:包括 GLSL 着色器,图像过滤模式以及新的梯度类型,进一步拓展 Material You 取色系统的应用可能性。 通过为文本添加镶边与阴影来确保可读性。 在这些实际应用效果的背后,新的 HCT 色彩系统功不可没;它可以成为帮助更多设计师打破扁平化设计当道时代的的极...
在Material3 下颜色其实不是完全按照 RGB 去计算,而是会经过material-color-utilities的转化,通过内部的CorePalette对象,RGB 会转化为 HCT 相关的值去计算显示。 对于HCT 其实是 Hue、Chroma、Tone 三个单词的缩写,可以解释为色相、色度和色调,通过谷歌开源的material-color-utilities插件就可以方便实现 HCT 颜色空间的...
open: Color.lerp(open, other.open, t), closed: Color.lerp(closed, other.closed, t), ); } @override String toString() => 'StatusColors(' 'open: $open, closed: $closed' ')'; } 复制代码 之后就可以将上面的StatusColors配置到Theme的extensions上,然后通过Theme.of(context).extension<Status...
material-color-utilitiesAlgorithms and utilities that power the Material Design 3 (M3) color system, including choosing theme colors from images and creating tones of colors; all in a new color space.See the main README for more information....
Material Foundation也在这里发布了他们的TypeScript代码库：Material Color Utilities GitHub Repo。