颜色方案生成器

输入一种品牌颜色，或随机生成一种，其余颜色将匹配。灰色也会巧妙地与您的品牌颜色相映成趣。输入接受大多数的颜色格式。

Grays

'{{ id }}': '{{ gray.value.hex() }}',

'{{ id }}-light': '{{ tint(color.value).hex() }}',
'{{ id }}': '{{ color.value.hex() }}',
'{{ id }}-dark': '{{ shade(color.value).hex() }}',

${{ id }}: {{ gray.value.hex() }}

${{ id }}-light: {{ tint(color.value).hex() }}
${{ id }}: {{ color.value.hex() }}
${{ id }}-dark: {{ shade(color.value).hex() }}

${{ id }}: {{ gray.value.hex() }};

${{ id }}-light: {{ tint(color.value).hex() }};
${{ id }}: {{ color.value.hex() }};
${{ id }}-dark: {{ shade(color.value).hex() }};

@{{ id }}: {{ gray.value.hex() }};

@{{ id }}-light: {{ tint(color.value).hex() }};
@{{ id }}: {{ color.value.hex() }};
@{{ id }}-dark: {{ shade(color.value).hex() }};

我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的隐私政策了解更多相关信息。单击 接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。