Создано 06/30/2025 17:17
React UI Hyperlink Contrast
Ocean Signal
#0077ff
Component Ivory
#f8f9fa
Anchor Slate
#334155
Hook Pink
#ff6f91
Framework Grey
#e5e7eb
Lint Lime
#a0ffb3
Палитра содержит светлый цвета. Акцентные цвета Hook Pink #ff6f91 да Lint Lime #a0ffb3. Палитра имеет цветовую температуру Холодный, Нейтральный, Теплый.
Палитра React UI Hyperlink Contrast содержит комбинацию из 6 кодов цветов:
HEX: #0077ff, RGB: (0, 119, 255); HEX: #f8f9fa, RGB: (248, 249, 250); HEX: #334155, RGB: (51, 65, 85)
HEX: #ff6f91, RGB: (255, 111, 145); HEX: #e5e7eb, RGB: (229, 231, 235); HEX: #a0ffb3, RGB: (160, 255, 179)
Упрощенная версия цветов палитры
Оттенок royalblue, Тень whitesmoke, Оттенок darkslateblue, Тень palevioletred, Тень gainsboro, Тень palegreen
Цветовая схема создана автором bad_colors
Коды цветов в палитре
React UI Hyperlink Contrast коды цветов HEX, RGB информация в таблице
| Цвет | HEX | RGB | Название | Альтернативное название |
| #0077ff | #0077ff | RGB(0, 119, 255) | Ocean Signal | Blue Sparkle |
| #f8f9fa | #f8f9fa | RGB(248, 249, 250) | Component Ivory | — |
| #334155 | #334155 | RGB(51, 65, 85) | Anchor Slate | — |
| #ff6f91 | #ff6f91 | RGB(255, 111, 145) | Hook Pink | — |
| #e5e7eb | #e5e7eb | RGB(229, 231, 235) | Framework Grey | — |
| #a0ffb3 | #a0ffb3 | RGB(160, 255, 179) | Lint Lime | — |
Контраст палитры цветов
4 цветовых пары имеют низкий контраст и требуют улучшения, что может повлиять на читаемость.
| Цвет текста | Цвет фона | Коэффициент контрастности |
#0077ff | #ff6f91 | 1.56 |
#f8f9fa | #e5e7eb | 1.17 |
#f8f9fa | #a0ffb3 | 1.14 |
#e5e7eb | #a0ffb3 | 1.02 |
