跳到主要内容
Color Codes

颜色代码与配色

金色色值与色阶

金色是一种饱和的黄橙色,标准值为 #FFD700。在屏幕上常表示奖励、庆祝和高级状态,少量强调通常比大面积铺陈更显精致。

金色
#FFD700

颜色格式

同一基础色在常用网页格式中的表示。

下载 SVG 色卡

色阶

金色 — 色阶
颜色名称HEX复制
Gold 50#FFFBE5
Gold 100#FFF4B3
Gold 200#FFEC80
Gold 300#FFE44D
Gold 400#FFDD1A
Gold 500#E6C300
Gold 600#B39800
Gold 700#806C00
Gold 800#4D4100
Gold 900#1A1600

文字对比度

以下比值基于 WCAG 相对亮度公式。

Aa 白色文字 1.40:1 未通过
Aa 黑色文字 14.97:1 AAA
在对比度工具中检查

金色的使用场景

奖项、评分和高级徽章

庆祝类图形

搭配海军蓝、黑色或栗色的强调

与金色搭配的颜色

基于 #FFD700 的色轮和谐配色。点击色块复制,或在色轮中打开整组配色。

色轮上相对的颜色,对比最强,适合醒目的强调。

色轮上相邻的颜色,平静统一,适合大面积表面。

三种等距色相,多彩而平衡。

分裂互补色

在色轮中打开

基础色加上其互补色两侧的颜色,有对比但更柔和。

与金色相近的颜色

含有相近颜色的配色方案

相关颜色