ColorTool
Войти
#12F308

#12f308 ≈ Lime

  • зелёные
  • Светлота: средняя
  • Насыщенность: яркая
  • Сбалансированный
Проверить контраст Открыть в графе Случайный цвет

#12f308 — цвет из семейства «зелёные»; светлота: средняя, насыщенность: яркая. В модели RGB он состоит из 7,06% красного, 95,29% зелёного и 3,14% синего; при печати в CMYK используется 92,59% голубого, 0% пурпурного, 96,71% жёлтого и 4,71% чёрного. Угол цветового тона — 117,45°, насыщенность 93,63% и светлота 49,22% в модели HSL. Он находится между тёплыми и холодными и часто ассоциируется с природой, здоровьем и равновесием. Дизайнеры обычно используют его для: экологичных брендов, здоровья и велнеса и кнопок призыва к действию. Текст цвета «чёрный» на этом фоне даёт контраст 13,85:1 (WCAG AAA). Ближайший именованный цвет — Lime (#00ff00), ΔE 2,51.

Описание создано на основе измеренных свойств этого цвета.

HEX
RGB
RGB в процентах
CMY
CMYK
HSL
HSV / HSB
Безопасный веб-цвет#00ff00
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Двоичный
Десятичный
Относительная яркость0.6425

Комплементарная

  1. #12f308
  2. #e908f3

Расщеплённая комплементарная

  1. #12f308
  2. #7408f3
  3. #f30887

Аналоговая

  1. #87f308
  2. #12f308
  3. #08f374

Триада

  1. #12f308
  2. #0812f3
  3. #f30812

Тетрада

  1. #12f308
  2. #08f3e9
  3. #e908f3
  4. #f30812

Квадрат

  1. #12f308
  2. #0887f3
  3. #e908f3
  4. #f37408

Монохромная

  1. #075f03
  2. #0da906
  3. #12f308
  4. #56f94e
  5. #9dfc98

Тени

#12f308, постепенно смешанный с чёрным.

  1. #12f308
  2. #10db07
  3. #0ec206
  4. #0daa06
  5. #0b9205
  6. #097a04
  7. #076103
  8. #054902
  9. #043102
  10. #021801
  11. #000000

Светлые оттенки

#12f308, постепенно смешанный с белым.

  1. #12f308
  2. #2af421
  3. #41f539
  4. #59f752
  5. #71f86b
  6. #89f984
  7. #a0fa9c
  8. #b8fbb5
  9. #d0fdce
  10. #e7fee6
  11. #ffffff

Приглушённые оттенки

#12f308, постепенно смешанный с серым.

  1. #12f308
  2. #1de814
  3. #28dc20
  4. #33d12c
  5. #3ec538
  6. #49ba44
  7. #54ae50
  8. #5fa35c
  9. #6a9768
  10. #758c74
  11. #808080

Читаемый текст 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Читаемый текст 13.85:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Ахроматопсия #d2d2d2 ≈ 0.003% мужчин
Ахроматомалия #a7e0a7 ≈ 0.001% мужчин
Протанопия #f9db00 ≈ 1.01% мужчин
Дейтеранопия #e4cc39 ≈ 1.27% мужчин
Тританопия #00ebce ≈ 0.0001% мужчин
Протаномалия #c7e500 ≈ 1.08% мужчин
Дейтераномалия #b6dd2c ≈ 4.63% мужчин
Тританомалия #00eea4 ≈ 0.0002% мужчин
Смоделировать на своём изображении

Текст этого цвета

Фон этого цвета

Рамка этого цвета

Цвет текста
.text-12f308 {
  color: #12f308;
}
Фон
.bg-12f308 {
  background-color: #12f308;
  color: #000000;
}
Рамка
.border-12f308 {
  border: 2px solid #12f308;
}
CSS-переменные
:root {
  --color-primary: #12f308;
  --color-primary-rgb: 18 243 8;
  --color-primary-hsl: 117 94% 49%;
}
Градиент
.gradient-12f308 {
  background: linear-gradient(135deg, #12f308, #08f374);
}
Цветная тень
.shadow-12f308 {
  box-shadow: 0 8px 24px rgb(18 243 8 / 0.35);
}

#00ff00 Lime ΔE 2.51 #39ff14 Neon Green ΔE 2.73 #3fff00 Harlequin ΔE 2.92 #7cfc00 Lawn Green ΔE 5.54 #7fff00 Chartreuse ΔE 5.99 #0bda51 Malachite ΔE 7.99 #00ff7f Spring Green ΔE 8.82 #ed0cf7 Инвертированный #d2d2d2 Оттенки серого 

Lime
#12f308  rgb(18, 243, 8)  hsl(117, 94%, 49%)  Lime
#e908f3  rgb(233, 8, 243)  hsl(297, 94%, 49%)  Fuchsia
#0812f3  rgb(8, 18, 243)  hsl(237, 94%, 49%)  Blue
#f30812  rgb(243, 8, 18)  hsl(357, 94%, 49%)  Lust