#bebebe / Tin Soldier — HEX HTML/CSS цвет.
Шестнадцатеричный код цвета #bebebe после конвертации в RGB будет записан в виде следующих значений: 190, 190, 190. А при конвертации в HSL — 0, 0%, 75%
Шестнадцатеричная система базируется на числе 16. Цифры в шестнадцатеричной последовательности следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменяются латинскими буквами. Числа, которые больше 15, в этой системе образуются при помощи объединения двух чисел в одно.
HEX значение состоит из трех цветов (#rrggbb, где r-красный, g-зеленый, b-синий). Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF.
Цвет #bebebe — светлый. Уровень его яркости — 190.0 (уровень яркости считается как число в диапазоне от 0 до 255).
Полная запись HEX цвета #bebebe в RGB будет выглядеть следующим образом:
В записи rgb(x, x, x), ‘x’ — представляет собой числа от 0 до 255, которые обозначают количество соответствующего цвета (красный( RED), зеленый( GREEN), синий( BLUE)) в получаемом.
При записи цветов в HTML/CSS чаще всего используются HEX или RGB значения. Также можно использовать ключевые слова для именованых цветов. В настоящее время современные браузеры могут предоставить также возможность поддержки HSL.
Полная запись HEX цвета #bebebe в HSL будет выглядеть следующим образом:
HSL — еще один тип записи цвета в HTML/CSS. Название данного формата состоит из первых букв значений, из которых собирается цвет. Hue (оттенок), Saturate (насыщенность), Lightness (светлота).
Оттенок (Hue) — значение цвета на цветовом круге, которое задаётся в градусах. 0° соответствует красному цвету, 120° — зелёному, 240° — синему. Значение оттенка может изменяться в диапазоне от 0 до 359.
Насыщенность (Saturate) — интенсивность цвета, которая измеряется в процентах от 0% до 100%. Значение 0% — отсутствие цвета и оттенок серого, а 100% — максимальное значение насыщенности.
Светлота (Lightness) — значение, которое показывает насколько цвет яркий и указывается в процентах от 0% до 100%. Меньшее значение — темнее, а большее — светлее (0% — белый, а 100% — черный).
Таблица RGB, HSL значений для HEX #bebebe
| HEX | RGB | HSL |
|---|---|---|
| #bebebe | rgb(190, 190, 190) | hsl(0, 0%, 75%) |
Цвет #bebebe в оттенках серого (#bebebe):
Комплиментарным цветом для #bebebe является #bebebe.
Комплиментарный цвет — это тот, который является противоположным в цветовом круге. Комплиментарные цвета усиливают друг друга, а при смешивании дают нейтральный серый цвет без оттенков.
Триада (cочетание 3-х цветов, находящихся на равном расстоянии друг от друга) для цвета #bebebe:
| #bebebe | #bebebe | #bebebe |
|---|
Тетрада (цветовая схема, особый вариант двойной цветовой схемы с равным расстоянием между всеми цветами. Все четыре цвета равномерно распределены вокруг цветового круга, в результате чего нет четкого доминирования одного цвета) для цвета #bebebe:
| #bebebe | #bebebe | #bebebe | #bebebe |
|---|
Палитра аналогичных цветов для #bebebe (сгенерирована на основе вращения цветового колеса на 30 градусов):
| #bebebe | #bebebe | #bebebe | #bebebe | #bebebe | #bebebe |
|---|
Палитра монохроматических цветов для #bebebe:
Таблица c результатом различных манипуляций (осветление, затемнение и тд с шагом в 5%) над цветом #bebebe:
| Светлее (шаг 5%) | Темнее (шаг 5%) | Ярче (шаг 5%) | Обесцвечивание (шаг 5%) | Насыщение (шаг 5%) |
|---|---|---|---|---|
| #bebebe | #bebebe | #bebebe | #bebebe | #bebebe |
| #cbcbcb | #b1b1b1 | #cbcbcb | #bebebe | #c1bbbb |
| #d7d7d7 | #a4a4a4 | #d8d8d8 | #bebebe | #c4b7b7 |
| #e4e4e4 | #989898 | #e4e4e4 | #bebebe | #c8b4b4 |
| #f1f1f1 | #8b8b8b | #f1f1f1 | #bebebe | #cbb1b1 |
| #fefefe | #7e7e7e | #fefefe | #bebebe | #ceaeae |
| #ffffff | #717171 | #ffffff | #bebebe | #d1aaaa |
| #ffffff | #656565 | #ffffff | #bebebe | #d5a7a7 |
| #ffffff | #585858 | #ffffff | #bebebe | #d8a4a4 |
| #ffffff | #4b4b4b | #ffffff | #bebebe | #dba1a1 |
| #ffffff | #3e3e3e | #ffffff | #bebebe | #de9d9d |
| #ffffff | #323232 | #ffffff | #bebebe | #e29a9a |
| #ffffff | #252525 | #ffffff | #bebebe | #e59797 |
| #ffffff | #181818 | #ffffff | #bebebe | #e89494 |
| #ffffff | #0b0b0b | #ffffff | #bebebe | #eb9090 |
| #ffffff | #000000 | #ffffff | #bebebe | #ef8d8d |
| #ffffff | #000000 | #ffffff | #bebebe | #f28a8a |
| #ffffff | #000000 | #ffffff | #bebebe | #f58787 |
| #ffffff | #000000 | #ffffff | #bebebe | #f88383 |
| #ffffff | #000000 | #ffffff | #bebebe | #fc8080 |
| #ffffff | #000000 | #ffffff | #bebebe | #ff7d7d |
Цвет фона (background-color).
Источник
#bebebe hex color
In a RGB color space, hex #bebebe is composed of 74.5% red, 74.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 0% yellow and 25.5% black. It has a hue angle of 0 degrees, a saturation of 0% and a lightness of 74.5%. #bebebe color hex could be obtained by blending #ffffff with #7d7d7d. Closest websafe color is: #cccccc.
● #bebebe color description : Gray.
#bebebe Color Conversion
The hexadecimal color #bebebe has RGB values of R:190, G:190, B:190 and CMYK values of C:0, M:0, Y:0, K:0.25. Its decimal value is 12500670.
Color Schemes with #bebebe
- #989898
- #a5a5a5
- #b1b1b1
- #bebebe
- #cbcbcb
- #d8d8d8
- #e4e4e4
Monochromatic Color
Alternatives to #bebebe
Below, you can see some colors close to #bebebe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#bebebe Preview
This text has a font color of #bebebe.
This paragraph has a background color of #bebebe.
This element has a border color of #bebebe.
Shades and Tints of #bebebe
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040404 is the darkest color, while #f9f9f9 is the lightest one.
- #040404
- #0d0d0d
- #171717
- #212121
- #2b2b2b
- #353535
- #3f3f3f
- #484848
- #525252
- #5c5c5c
- #666666
- #707070
- #797979
Shade Color Variation
- #838383
- #8d8d8d
- #979797
- #a1a1a1
- #aaaaaa
- #b4b4b4
- #bebebe
- #c8c8c8
- #d2d2d2
- #dbdbdb
- #e5e5e5
- #efefef
- #f9f9f9
Tint Color Variation
Tones of #bebebe
A tone is produced by adding gray to any pure hue. In this case, #bebebe is the less saturated color, while #ff7d7d is the most saturated one.
- #bebebe
- #c3b9b9
- #c9b3b3
- #ceaeae
- #d4a8a8
- #d9a3a3
- #df9e9e
- #e49898
- #e99393
- #ef8d8d
- #f48888
- #fa8282
- #ff7d7d
Tone Color Variation
Color Blindness Simulator
Below, you can see how #bebebe is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
Источник