命名颜色 · #737373

Industrial Revolution

Industrial Revolution 即 #737373：rgb(115 115 115)、hsl(0 0% 45%)、oklch(0.556 0 0)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Gray mean? → · Industrial Revolution color name →

#737373

oklch(0.556 0 0)

颜色转换

HEX: #737373
RGB: rgb(115 115 115)
HSL: hsl(0 0% 45%)
HWB: hwb(0 45% 55%)
OKLCH: oklch(0.556 0 0)
OKLab: oklab(0.556 0 0)
CIE Lab: lab(48.44 0 0)
LCH: lch(48.44 0 0)
CMYK: cmyk(0% 0% 0% 55%)

浅色调 · 深色调 · 灰色调

浅色调

808080
8D8D8D
9B9B9B
A9A9A9
B6B6B6
C5C5C5
D3D3D3
E1E1E1
F0F0F0

深色调

636363
545454
454545
363636
282828
1B1B1B
0F0F0F
050505
010101

灰色调

747474
767676
777777
787878
797979
7B7B7B
7C7C7C
7D7D7D
7F7F7F

配色和谐

互补色 +180°

737373
Industrial Revolution
737373
≈ Industrial Revolution

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

四角配色 +90° +180° +270°

对比度与无障碍

白底

WCAG 4.74:1 · APCA Lc 73

黑底

WCAG 4.42:1 · APCA Lc 29

Fail

最佳文字颜色: #FFFFFF

WCAG 4.74:1 (AA) · APCA Lc 73

Contrast pairs

代码片段

CSS

:root {
  --industrial-revolution: #737373;
  --industrial-revolution-rgb: 115 115 115;
  --industrial-revolution-oklch: oklch(0.556 0 0);
}

.element {
  color: var(--industrial-revolution);
  background-color: hsl(0 0% 45%);
  border-color: oklch(0.556 0 0);
}

Tailwind CSS v4

@theme {
  --color-industrial-revolution: #737373;
  --color-industrial-revolution-50: #f5f5f5;
  --color-industrial-revolution-100: #e8e8e8;
  --color-industrial-revolution-200: #d4d4d4;
  --color-industrial-revolution-300: #b7b7b7;
  --color-industrial-revolution-400: #9e9e9e;
  --color-industrial-revolution-500: #868686;
  --color-industrial-revolution-600: #717171;
  --color-industrial-revolution-700: #5b5b5b;
  --color-industrial-revolution-800: #424242;
  --color-industrial-revolution-900: #2e2e2e;
  --color-industrial-revolution-950: #1b1b1b;
}

SCSS

$industrial-revolution: #737373;
$industrial-revolution-rgb: 115, 115, 115;
$industrial-revolution-light: mix(#fff, $industrial-revolution, 20%);
$industrial-revolution-dark: mix(#000, $industrial-revolution, 20%);

.element {
  color: $industrial-revolution;
  box-shadow: 0 0 0 2px rgba($industrial-revolution, 0.35);
}

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API