时间戳

首页 > 解决方案 > Material UI Color Palette 获取自动生成阴影的十六进制代码

javascript - Material UI Color Palette 获取自动生成阴影的十六进制代码

问题描述

我想在我的材质 ui 主题中使用我定义的颜色的不同色调。我只定义主色：

const theme = createMuiTheme({
    palette: {
        primary: {
            main: "#C5FFA1",
        },

对于某些用例，我需要其他主色的十六进制值。如何rgb(...)将自动生成的primary.dark变量返回的值转换为十六进制代码？我找不到任何解决方案。

import { useTheme } from '@material-ui/core/styles';
const theme = useTheme();
console.log(theme.palette.primary.main);
console.log(theme.palette.primary.dark);

返回这个

#D6F0FF
rgb(149, 168, 178)

但我需要这个：

#D6F0FF
#95a8b2

标签： javascriptreactjsmaterial-ui

解决方案

我认为不是primary.main，而是尝试将primary设置为

primary:"#C5FFA1"

推荐阅读