Главная Пишите

Проверка цвета шрифта на определенном фоне

Результат оценки

Цвет шрифта

Лучшие цвета символов:

6 (blueviolet), 12 (darkcyan), 66 (teal), 15 (darkolivegreen), 16 (darkochid), 18 (darkslateblue), 20 (deeppink), 22 (firebrick), 23 (forestgreen), 29 (indigo), 41 (maroon), 42 (mediumblue), 46 (midnightblue), 50 (olivedrab), 51 (orangered), 57 (purple), 59 (saddlebrown), 74 (black), 75 (blue), 76 (brown), 80 (crimson), 81 (darkblue), 83 (darkgreen), 84 (darkmagenta), 86 (darkred), 88 (darkslategray), 89 (darkviolet), 93 (fushsia), 96 (green), 110 (magenta), 115 (mediumvioletred), 118 (navy), 127 (red).

Группировка по спектру (кроме чёрного):

• синие (8/2): 18 (darkslateblue), 29 (indigo - почти фиолетовый), 42 (mediumblue), 46 (midnightblue), 51 (orangered), 75 (blue), 81 (darkblue), 118 (navy);
• зеленые (6/1): 12 (darkcyan - голубоватый), 23 (forestgreen), 50 (olivedrab - коричневатый), 83 (darkgreen), 88 (darkslategray - "тёмно-сланцево-серый"), 96 (green);
• коричневые (6/1): 15 (darkolivegreen), 22 (firebrick), 41 (maroon), 59 (saddlebrown), 76 (brown), 86 (darkred);
• красные (3/1): 16 (darkochid), 51 (orangered), 80 (crimson), 127 (red);
• фиолетовые и розовые (8/4): 6 (blueviolet), 20 (deeppink - почти красный), 57 (purple), 84 (darkmagenta), 89 (darkviolet), 93 (fushsia), 110 (magenta), 115 (mediumvioletred).

Цвет шрифта для ссылок:

• Новые цвета ссылок на белом фоне не все удачные: inner link (внутренняя - стандартная голубая), visited (посещенная - стандартная фиолетовая), external link (внешняя чужая - темно-синяя), native link (внешняя родственная - темно-морская), active (в которую заходят - зеленая), hover (на которую наведён курсор - #336699).
• На бежевом ("табличном") фоне lemonchiffon (#fffacd) некоторые смотрятся еще хуже (не выделяясь) - либо тускло (сливаясь с фоном), либо не отличаясь (сливаясь с текстом):
  inner link (внутренняя), visited (посещенная), external link (внешняя), native link (родственная), active (посещаемая), hover (покрываемая).
• На этом же фоне чуть поправим цвета:
  • inner link (blue),
  • external link ( mediumblue indiandred #4169E1 #4682B4 #1E90FF #6495ED ),
  • native link ( indiandred teal ),
  • visited ( darkviolet mediumvioletred darkmagenta ),
  • hover ( orangered deeppink ),
  • active (fushsia),
  • maybe color (magenta).
• И посмотрим, как это будет на белом:
  • inner link (blue),
  • external link ( mediumblue indiandred #4169E1 #4682B4 #1E90FF #6495ED ),
  • native link ( indiandred teal ),
  • visited ( darkviolet mediumvioletred darkmagenta ),
  • hover ( orangered deeppink ),
  • active (fushsia),
  • maybe color (magenta).

Цвет фона

Интересные светлые (вернее, слабые, блёклые) цвета фона (для тёмного шрифта):

1 (alicemblue), 3 (azure), 4 (bisque), 5 (blanchedalmond), 10 (cornsilk), 24 (gold), 25 (gainsboro), 27 (#ADFF2F), 30 (khaki), 31 (#FFF0F5), 32 (lemonchiffon), 34 (lightgoldenrodyellow), 35 (lightgrey), 37 (lightscyblue), 40 (linen), 47 (mistyrose), 48 (navajowhite), 49 (#FDF5E6), 52 (palegoldenrod), 53 (#AFEEEE), 54 (#FFEFD5), 56 (#DDA0DD), 61 ( #FFF5EE), 64 (#FFFAFA), 71 (antiquewhite), 72 (#7FFFD4), 73 (beige), 92 (#FFFAF0), 94 (#F8F8FF), 97 (#F0FFF0), 99 (ivory), 100 (lavender), 103 (#E0FFFF), 108 (lightyellow), 114 (#00FA9A), 116 (#F5FFFA), 117 (moccasin), 122 (#98FB98), 124 (#FFDAB9), 126 (powderblue), 132 (#87CEEB), 134 (#00FF7F), 137 (#40E0D0), 138 (wheat), 139 (#9ACD32).

Группировка по спектру (кроме белого):

• сероватые: 25 gainsboro, 35 lightgrey, 31 #FFF0F5, 40 linen, 61 #FFF5EE, 64 #FFFAFA, 92 #FFFAF0, 94 #F8F8FF, 99 ivory, 100 lavender,
• голубоватые: 3 azure, 53 #AFEEEE, 72 #7FFFD4, 103 #E0FFFF, 116 #F5FFFA, 126 powderblue, 132 (#87CEEB),
• зеленоватые: 27 #ADFF2F, 97 #F0FFF0, 122 #98FB98,
• болотные (коричневатые и желтоватые): 30 khaki, 32 lemonchiffon, 34 lightgoldenrodyellow, 48 navajowhite, 52 palegoldenrod, 54 #FFEFD5, 73 beige, 117 moccasin,
• бежевые (розоватые): 4 bisque, 5 blanchedalmond, 10 cornsilk, 47 mistyrose, 71 antiquewhite, 124 #FFDAB9, 138 wheat,

Насыщенные и яркие фоны, но для тёмных букв (нужно ли?):

• "холодные": 14 (darkkhaki), 114 (#00FA9A), 132 (#87CEEB), 134 (#00FF7F), 137 (#40E0D0), 139 (#9ACD32),
• "тёплые": 7 (burlywood), 24 (gold), 28 (#FF69B4), 36 (#FFA07A), 56 (#DDA0DD - "холодный"?), 85 (#FF8C00), 129 (salmon), 135 (#D2B48C),

Цвета фона при плавном переходе цвета (непрерывный слабый спектр - для видимости черных букв):

фиолетовый - синий   - изумрудный - зелёный - жёлто-зелёный - жёлтый - оранжевый - красный
|            |         |                                               |
розовый      голубой - морской                                         бежевый
             |                                                         |
             серый                  болотный                           коричневый

Интересные тёмные цвета фона (для светлого шрифта):

6 (blueviolet), 7 (burlywood), 12 (darkcyan), 13 (darkgray), 14 (darkkhaki), 15 (darkolivegreen), 16 (#9932CC), 17 (darksalmon), 18 (darkslateblue), 19 (#00CED1), 20 (deeppink), 21 ( #696969), 22 (firebrick), 23 (forestgreen), 26 (gray), 28 (#FF69B4), 29 (indigo), 33 (#F08080), 36 (#FFA07A), 41 (maroon), 42 (mediumblue), 43 (#9370DB), 44 (#7B68EE), 45 (#48D1CC), 46 (midnightblue), 50 (#6B8E23), 51 (#FF4500), 55 (peru), 56 (#DDA0DD), 57 (purple), 58 (#BC8F8F), 59 (saddlebrown), 60 (#F4A460), 63 (#6A5ACD), 65 (#4682B4), 66 (teal), 67 (tomato), 68 (violet), 74 (black), 75 (blue), 76 (brown), 77 (#5F9EA0), 78 (chocolate), 79 (#6495ED), 80 (crimson), 81 (#00008B), 82 (#B8860B), 83 (darkgreen), 84 (darkmagenta), 85 (#FF8C00), 86 (darkred), 87 (#8FBC8F), 88 (darkslategray), 89 (darkviolet), 90 (#00BFFF), 91 (violet), 93 (fushsia), 95 (#DAA520), 96 (green), 98 (indianred), 106 (#20B2AA), 107 (#778899), 109 (#32CD32), 113 (#3CB371), 114 (#00FA9A), 115 (mediumvioletred), 118 (navy), 119 (olive), 120 (orange), 121 (orchid), 123 (#DB7093), 127 (red), 128 (#4169E1), 129 (salmon), 131 (sienna), 133 (#708080), 135 (#D2B48C), 137 (#40E0D0), 140 (#9ACD32),

Таблица всех цветов (и фонов) в HTML

Первая пара байтов в коде - вклад красного цвета компьютерного спектра, вторая - - зелёного, третья - синего.

Цветовые палитры в сети

• Таблица цветов CSS с английским названием и кодом.
• Таблица цветов. Простая и понятная. Можете взять Excel-файл и сортировать как хотите. Жаль, что сортировка по коду (красный-зелёный-синий) не означает сортировку по спектру. [Навязчивая реклама сверху]
• Цифровые коды web цветов. [] Даны также 16 стандартных цветов Web, расположенных спектрально - очень наглядно!
• Названия и шеснадцатиричный код цветов

---

© «Сайт Игоря Гаршина», 2002, 2005. Автор и владелец - Игорь Константинович Гаршин (см. резюме). Пишите письма ().

Страница обновлена 28.09.2022