Цветовая палитра пользовательского интерфейса материала получает шестнадцатеричный код автоматически сгенерированных оттенков

Question

Я хочу использовать разные оттенки определенных мной цветов в моей теме пользовательского интерфейса материала. Я определяю только основной цвет:

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

Answer 1

Я думаю, вместо primary.main попробуйте установить только primary как

primary:"#C5FFA1"