Material ui 如何在材质中使用自定义颜色-ui@next(v1)

Material ui 如何在材质中使用自定义颜色-ui@next(v1),material-ui,Material Ui,我正在尝试将主主题颜色值设置为自定义颜色(十六进制代码)。我发现这表示我需要将我的主颜色设置为这里提到的JSON对象 这对我来说没有意义,为什么我必须自己建造这样一个对象?将(例如,当给定十六进制值时)转换为HSL并根据需要调整色调值是否更有意义?当然是在库内部,所以我只需要传递一个十六进制值 我的第二个问题是,为什么这个JSON对象的值高于360度?就我的理解而言,这些值表示HSL颜色空间中的色调值…我使用创建自定义颜色。您可以在主题配置中直接使用它,如下所示: import createPa

我正在尝试将主主题颜色值设置为自定义颜色(十六进制代码)。我发现这表示我需要将我的主颜色设置为这里提到的JSON对象

这对我来说没有意义,为什么我必须自己建造这样一个对象?将(例如,当给定十六进制值时)转换为HSL并根据需要调整色调值是否更有意义?当然是在库内部,所以我只需要传递一个十六进制值


我的第二个问题是,为什么这个JSON对象的值高于360度?就我的理解而言,这些值表示HSL颜色空间中的色调值…

我使用创建自定义颜色。您可以在主题配置中直接使用它,如下所示:

import createPalette from 'material-ui/styles/createPalette';

export const blue = {
    50: '#e8eaf6',
    100: '#c5cbe9',
    200: '#9fa8da',
    300: '#7985cb',
    400: '#5c6bc0',
    500: '#3f51b5',
    600: '#394aae',
    700: '#3140a5',
    800: '#29379d',
    900: '#1b278d',
    A100: '#c6cbff',
    A200: '#939dff',
    A400: '#606eff',
    A700: '#4757ff',
    'contrastDefaultColor': 'light',
};
export default {
    palette: createPalette({
        primary: blue
    })
};

你看过文件了吗?我做了,但这对imo没什么帮助。即使你不能得到每个色调的准确值。看起来文档帮了忙。很高兴你找到了答案。