A.I. 蓝

亮度十足的蓝绿色，代表智能科技的能量与前瞻乐观。

生成配色场景预览返回 2021 年列表

复制色值

HEX / RGB / CMYK 一键复制给研发。

HEX

#00A7BA

RGB

rgb(0, 167, 186)

CMYK

100, 10, 0, 27

搭配方案

单色、类似色、互补色、三色组，直接复制使用。

Monochrome Depth

Light and dark steps around the hero color.

#004047

#007785

#00A7BA

#00D3EB

#29E9FF

Analogous Flow

Neighbors on the color wheel for a soft gradient story.

#009961

#00B8A0

#00A7BA

#007AB8

#005CD6

Complementary Contrast

Opposites that add clarity and focus.

#00A7BA

#991000

#E01700

#06606B

#2AD6EA

Triadic Balance

Three evenly spaced hues for versatile layouts.

#00A7BA

#B800A5

#A5B800

#067C89

#0ADDF5

Split Complementary

Balanced contrast with two supporting accents.

#00A7BA

#B80049

#B86F00

#035963

#1BE1F8

导出

复制 CSS 变量或 Tailwind 配置。

#00A7BA

CSS Variables

:root {
  --year-base: #00A7BA;
  --year-base-contrast: #FFFFFF;
  --year-accent-1: #007785;
  --year-accent-2: #00A7BA;
  --year-accent-3: #00D3EB;
  --year-surface: #f8fafc;
}

Tailwind Config

theme: {
  extend: {
    colors: {
      primary: 'var(--year-base)',
      accent: 'var(--year-accent-1)',
      surface: 'var(--year-surface)',
    },
  },
},