HTML Кольори
На цій сторінці представлені спеціальні ключові слова, які можна застосовувати для позначення того чи іншого кольору на інтернет сайтах, та при розробці на мовах програмування для Web, таких як HTML, CSS, JavaScript, Flash та ін.
У ранніх специфікаціях W3C було визначено лише 16 ключових кольорів. У пізніших специфікаціях додатково було визначено ще 130 назв квітів. Наступна таблиця містить імена та зразки кольорів, які асоціюються з цими іменами.
Таблиця HTML кольорів
Імена кольорів HTML не чутливі до регістру, і можуть записуватися в будь-якій формі
Також варто зазначити, що маючи 147 різних ключових слів (17 старих та 130 нових), не всі кольори в цьому списку є унікальними. Деякі імена позначають той самий колір. Так, наприклад, і Grey, і Gray позначають 50-відсотковий сірий колір #808080, а Magenta - це лише синонім HTML кольору Fuchsia, і посилається на шістнадцятковий код кольору #FF00FF.
| HTML Ім'я Кольори |
HEX |
RGB |
|---|
| Червоні тони: |
| IndianRed | #CD5C5C | 205, 92, 92 |
| LightCoral | #F08080 | 240, 128, 128 |
| Salmon | #FA8072 | 250, 128, 114 |
| DarkSalmon | #E9967A | 233, 150, 122 |
| LightSalmon | #FFA07A | 255, 160, 122 |
| Crimson | #DC143C | 220, 20, 60 |
| Red | #FF0000 | 255, 0, 0 |
| FireBrick | #B22222 | 178, 34, 34 |
| DarkRed | #8B0000 | 139, 0, 0 |
| Рожеві тони: |
| Pink | #FFC0CB | 255, 192, 203 |
| LightPink | #FFB6C1 | 255, 182, 193 |
| HotPink | #FF69B4 | 255, 105, 180 |
| DeepPink | #FF1493 | 255, 20, 147 |
| MediumVioletRed | #C71585 | 199, 21, 133 |
| PaleVioletRed | #DB7093 | 219, 112, 147 |
| Помаранчеві тони: |
| LightSalmon | #FFA07A | 255, 160, 122 |
| Coral | #FF7F50 | 255, 127, 80 |
| Tomato | #FF6347 | 255, 99, 71 |
| OrangeRed | #FF4500 | 255, 69, 0 |
| DarkOrange | #FF8C00 | 255, 140, 0 |
| Orange | #FFA500 | 255, 165, 0 |
| Жовті тони: |
| Gold | #FFD700 | 255, 215, 0 |
| Yellow | #FFFF00 | 255, 255, 0 |
| LightYellow | #FFFFE0 | 255, 255, 224 |
| LemonChiffon | #FFFACD | 255, 250, 205 |
| LightGoldenrodYellow | #FAFAD2 | 250, 250, 210 |
| PapayaWhip | #FFEFD5 | 255, 239, 213 |
| Moccasin | #FFE4B5 | 255, 228, 181 |
| PeachPuff | #FFDAB9 | 255, 218, 185 |
| PaleGoldenrod | #EEE8AA | 238, 232, 170 |
| Khaki | #F0E68C | 240, 230, 140 |
| DarkKhaki | #BDB76B | 189, 183, 107 |
| Фіолетові тони: |
| Lavender | #E6E6FA | 230, 230, 250 |
| Thistle | #D8BFD8 | 216, 191, 216 |
| Plum | #DDA0DD | 221, 160, 221 |
| Violet | #EE82EE | 238, 130, 238 |
| Orchid | #DA70D6 | 218, 112, 214 |
| Fuchsia | #FF00FF | 255, 0, 255 |
| Magenta | #FF00FF | 255, 0, 255 |
| MediumOrchid | #BA55D3 | 186, 85, 211 |
| MediumPurple | #9370DB | 147, 112, 219 |
| BlueViolet | #8A2BE2 | 138, 43, 226 |
| DarkViolet | #9400D3 | 148, 0, 211 |
| DarkOrchid | #9932CC | 153, 50, 204 |
| DarkMagenta | #8B008B | 139, 0, 139 |
| Purple | #800080 | 128, 0, 128 |
| Indigo | #4B0082 | 75, 0, 130 |
| SlateBlue | #6A5ACD | 106, 90, 205 |
| DarkSlateBlue | #483D8B | 72, 61, 139 |
| Коричневі тони: |
| Cornsilk | #FFF8DC | 255, 248, 220 |
| BlanchedAlmond | #FFEBCD | 255, 235, 205 |
| Bisque | #FFE4C4 | 255, 228, 196 |
| NavajoWhite | #FFDEAD | 255, 222, 173 |
| Wheat | #F5DEB3 | 245, 222, 179 |
| BurlyWood | #DEB887 | 222, 184, 135 |
| Tan | #D2B48C | 210, 180, 140 |
| RosyBrown | #BC8F8F | 188, 143, 143 |
| SandyBrown | #F4A460 | 244, 164, 96 |
| Goldenrod | #DAA520 | 218, 165, 32 |
| DarkGoldenRod | #B8860B | 184, 134, 11 |
| Peru | #CD853F | 205, 133, 63 |
| Chocolate | #D2691E | 210, 105, 30 |
| SaddleBrown | #8B4513 | 139, 69, 19 |
| Sienna | #A0522D | 160, 82, 45 |
| Brown | #A52A2A | 165, 42, 42 |
| Maroon | #800000 | 128, 0, 0 |
| Основні кольори: |
| Black | #000000 | 0, 0, 0 |
| Gray | #808080 | 128, 128, 128 |
| Silver | #C0C0C0 | 192, 192, 192 |
| White | #FFFFFF | 255, 255, 255 |
| Fuchsia | #FF00FF | 255, 0, 255 |
| Purple | #800080 | 128, 0, 128 |
| Red | #FF0000 | 255, 0, 0 |
| Maroon | #800000 | 128, 0, 0 |
| Yellow | #FFFF00 | 255, 255, 0 |
| Olive | #808000 | 128, 128, 0 |
| Lime | #00FF00 | 0, 255, 0 |
| Green | #008000 | 0, 128, 0 |
| Aqua | #00FFFF | 0, 255, 255 |
| Teal | #008080 | 0, 128, 128 |
| Blue | #0000FF | 0, 0, 255 |
| Navy | #000080 | 0, 0, 128 |
| HTML Ім'я Кольори |
HEX |
RGB |
|---|
| Зелені тони: |
| GreenYellow | #ADFF2F | 173, 255, 47 |
| Chartreuse | #7FFF00 | 127, 255, 0 |
| LawnGreen | #7CFC00 | 124, 252, 0 |
| Lime | #00FF00 | 0, 255, 0 |
| LimeGreen | #32CD32 | 50, 205, 50 |
| PaleGreen | #98FB98 | 152, 251, 152 |
| LightGreen | #90EE90 | 144, 238, 144 |
| MediumSpringGreen | #00FA9A | 0, 250, 154 |
| SpringGreen | #00FF7F | 0, 255, 127 |
| MediumSeaGreen | #3CB371 | 60, 179, 113 |
| SeaGreen | #2E8B57 | 46, 139, 87 |
| ForestGreen | #228B22 | 34, 139, 34 |
| Green | #008000 | 0, 128, 0 |
| DarkGreen | #006400 | 0, 100, 0 |
| YellowGreen | #9ACD32 | 154, 205, 50 |
| OliveDrab | #6B8E23 | 107, 142, 35 |
| Olive | #808000 | 128, 128, 0 |
| DarkOliveGreen | #556B2F | 85, 107, 47 |
| MediumAquamarine | #66CDAA | 102, 205, 170 |
| DarkSeaGreen | #8FBC8F | 143, 188, 143 |
| LightSeaGreen | #20B2AA | 32, 178, 170 |
| DarkCyan | #008B8B | 0, 139, 139 |
| Teal | #008080 | 0, 128, 128 |
| Сині тони: |
| Aqua | #00FFFF | 0, 255, 255 |
| Cyan | #00FFFF | 0, 255, 255 |
| LightCyan | #E0FFFF | 224, 255, 255 |
| PaleTurquoise | #AFEEEE | 175, 238, 238 |
| Aquamarine | #7FFFD4 | 127, 255, 212 |
| Turquoise | #40E0D0 | 64, 224, 208 |
| MediumTurquoise | #48D1CC | 72, 209, 204 |
| DarkTurquoise | #00CED1 | 0, 206, 209 |
| CadetBlue | #5F9EA0 | 95, 158, 160 |
| SteelBlue | #4682B4 | 70, 130, 180 |
| LightSteelBlue | #B0C4DE | 176, 196, 222 |
| PowderBlue | #B0E0E6 | 176, 224, 230 |
| LightBlue | #ADD8E6 | 173, 216, 230 |
| SkyBlue | #87CEEB | 135, 206, 235 |
| LightSkyBlue | #87CEFA | 135, 206, 250 |
| DeepSkyBlue | #00BFFF | 0, 191, 255 |
| DodgerBlue | #1E90FF | 30, 144, 255 |
| CornflowerBlue | #6495ED | 100, 149, 237 |
| MediumSlateBlue | #7B68EE | 123, 104, 238 |
| RoyalBlue | #4169E1 | 65, 105, 225 |
| Blue | #0000FF | 0, 0, 255 |
| MediumBlue | #0000CD | 0, 0, 205 |
| DarkBlue | #00008B | 0, 0, 139 |
| Navy | #000080 | 0, 0, 128 |
| MidnightBlue | #191970 | 25, 25, 112 |
| Білі тони: |
| White | #FFFFFF | 255, 255, 255 |
| Snow | #FFFAFA | 255, 250, 250 |
| Honeydew | #F0FFF0 | 240, 255, 240 |
| MintCream | #F5FFFA | 245, 255, 250 |
| Azure | #F0FFFF | 240, 255, 255 |
| AliceBlue | #F0F8FF | 240, 248, 255 |
| GhostWhite | #F8F8FF | 248, 248, 255 |
| WhiteSmoke | #F5F5F5 | 245, 245, 245 |
| Seashell | #FFF5EE | 255, 245, 238 |
| Beige | #F5F5DC | 245, 245, 220 |
| OldLace | #FDF5E6 | 253, 245, 230 |
| FloralWhite | #FFFAF0 | 255, 250, 240 |
| Ivory | #FFFFF0 | 255, 255, 240 |
| AntiqueWhite | #FAEBD7 | 250, 235, 215 |
| Linen | #FAF0E6 | 250, 240, 230 |
| LavenderBlush | #FFF0F5 | 255, 240, 245 |
| MistyRose | #FFE4E1 | 255, 228, 225 |
| Сірі тони: |
| Gainsboro | #DCDCDC | 220, 220, 220 |
| LightGrey | #D3D3D3 | 211, 211, 211 |
| LightGray | #D3D3D3 | 211, 211, 211 |
| Silver | #C0C0C0 | 192, 192, 192 |
| DarkGray | #A9A9A9 | 169, 169, 169 |
| DarkGrey | #A9A9A9 | 169, 169, 169 |
| Gray | #808080 | 128, 128, 128 |
| Grey | #808080 | 128, 128, 128 |
| DimGray | #696969 | 105, 105, 105 |
| DimGrey | #696969 | 105, 105, 105 |
| LightSlateGray | #778899 | 119, 136, 153 |
| LightSlateGrey | #778899 | 119, 136, 153 |
| SlateGray | #708090 | 112, 128, 144 |
| SlateGrey | #708090 | 112, 128, 144 |
| DarkSlateGray | #2F4F4F | 47, 79, 79 |
| DarkSlateGrey | #2F4F4F | 47, 79, 79 |
| Black | #000000 | 0, 0, 0 |
#ff7b00 Шістнадцятковий Код Квітів
Шістнадцятковий код кольору #ff7b00 є відтінком помаранчевий. У моделі кольору RGB #ff7b00 становить 100.0% червоного, 48.24% зеленого та 0.0% синього. У колірному просторі HSL #ff7b00 має відтінок 29 ° (градусів), 100% насиченість і 50% світлості. Цей колір має приблизну довжину хвилі 591.88 nm.
Колірні варіації
- Вивернутий
#0084ff
- Насичений на 25%
#ff7a00
- Відтінки Сірого
#808080
- Світліше на 25%
#ec9d53
- Оригінал
#ff7b00
- Темніше на 25%
#b86314
- Web-колір: red
#ff0000 / #f00
- Відтінки Сірого 25%
#e67c19
- HTML: darkorange
#ff8c00
Іменовані кольори
Близько пов'язані
Непрямо Пов'язані
Віддалено Пов'язані
Колірні схеми
Доповнення
Аналоги
Поділ
Тріада
Квадрат
Трійна
#ff7b00 лінійний градієнт до додаткового #00bcff
Монохроматичні кольори
Тони
Відтінки
#ff7b00 у Білий
#ff7b00 у Чорний
Фарби
Точні відповідності
Merin's Fire (38)
Light Orange (911)
Fiery Orange
Orange Fire (008)
22510
Fire Orange (9006)
AMS-STD 595 22510
Пов'язані фарби
Pantone / PMS
★ 2018 XGC
#ff7c00 ΔE = 0.283 / LRV ≈ 35.7%
Albany Paint
★ Swansbill
#ff7d0d ΔE = 0.564 / LRV ≈ 36.0%
Natural Color System / NCS
Crayola
Volvo
Caparol
Plascon
Tamiya
★ 80006, X6
#ff7f00 ΔE = 1.143 / LRV ≈ 36.4%
Innocenti
Toyo Ink
★ CF10146
#fd7a15 ΔE = 1.219 / LRV ≈ 34.9%
Resene
Peintures MF
CHROMATIC
Evonik-Degussa
★ 406
#f9801e ΔE = 1.579 / LRV ≈ 35.7%
Snowcem
Jazeera Paints
Sigma
British Standard
ICI Paints
Behr
Дальтонізм
Monochromacy
Дихроматичний зір
Trichromacy
#ff7b00 HTML та CSS Приклади
#ff7b00 передній план
Скоро сказка сказується, та не скоро діло робиться.
#ff7b00 фон
#ff7b00 тінь тексту
Або груди в хрестах, або голова в кущах.
Чарт Композицій
RGB
CMYK
RYB
Колірні простори
Десятковий 16743168 Двійковий 11111111, 01111011, 00000000 Шістнадцятковий #ff7b00 LRV ≈ 35.4% Найближчий короткий шестигранник #f70 ΔE = 1.116 RGB rgb(255, 123, 0) RGBA rgba(255, 123, 0, 1.0) Adobe RGB (1998) R: 0.88882, G: 0.47891, B: 0.11226 ΔE = 5.569 Кольоровість rg r: 0.675, g: 0.325, b: 0.0 RYB червоний: 100.0%, жовтий: 93.182%, синій: 0.0% Android / android.graphics.Color -34048 / 0xffff7b00 HSLA hsla(29, 100%, 50%, 1.0) HSV / HSB відтінок: 29° (28.941), насичення: 100% (1.0), вартість: 100% (1.0) HSP відтінок: 28.941, насичення: 100.0%, : 65.998% HSLuv (HUSL) H: 28.509, S: 100.023, L: 66.084 Cubehelix H: 24.891, S: 1.491, L: 0.585 TSL T: 3.254, S: 0.458, L: 0.580 CMYK голу 52% (0.518), жовтий: 100% (1.0), чорний: 0% (0.0) CMY блакитний: 0% (0.0), пурпурний: 52% (0.518), жовтий: 100% (1.0) XYZ X: 48. Y: 35.432, Z: 4.294 xyY x: 0.549, y: 0.402, Y: 35.432 CIELab L: 66.084, a: 45.268, b: 73.446 CIELuv L: 66.084, u: 110.237 v: 66.084, C: 86.276, H: 58.353 CIELUV / LCHuv L: 66.084, C: 125.449, H: 28.509 Hunter-Lab L: 59.525, a: 40.755, b: 37. 75.63, h: 54.158, Q: 152.204, M: 66.137, s: 65.919, H: 45.37 CAM16 JCh спритність: 58.797, кольоровість: 70.645, відтінок: 50.917 8. colorfulness: 61.778, відтінок: 50.218 CAM16 Jsh розторопність: 58.797, насичення: 63.945, відтінок: 50.218 CAM16 QCh сприймається яскравість: 151.082, кольоровість: 72. QMh яскравість, що сприймається: 151.082, colorfulness: 61.778, відтінок: 50.218 CAM16 Qsh яскравість, що сприймається: 151.082, насичення: 63.945, відтінок: 50.218 CAM1. colorfulness: 38.553, відтінок: 50.218 CAM16 UCS Jab розторопність: 70.811, a: 24.669, b: 29.628 OSA-UCS розторопність: -9.755, жовтий: 9.36, 9: 9: -7. 26.169, S: 4.85 YCbCr Y: 143.527, Cb: 54.467, Cr: 194.681 YCoCg Y: 125.25, Cg: -2.25, Co: 127.5 YDbDr Y: 148.4 -202.647 YPbPr Y: 142.26, Pb: -76.68, Pr: 71.658 xvYCC Y: 138.176, Cb: 60.642, Cr: 190.947 YIQ Y: 148.446, I:1 148.446, U: -73.048, V: 93.481 Okhsl h: 50.94, s: 1.0, l: 0.68 Okhsv h: 50.94, s: 1.0, v: 1.0 Okhwb h: 50.94, w. , a: 0.119, b: 0.147 Oklch l: 0.724, c: 0.189, h: 50.94 JzAzBz Jz: 0.01011, Az: 0.01012, Bz: 0.01384 JzCzHz Jz: 0.01011, Cz: 0.01714, Hz: 53.82454 Колірна система Мансел 5YR 7/14 ΔE = 3.988 Колір бренду SoundCloud ΔE = 1.116