Справочник по цветам

Компоненты в React Native стилизуются с помощью JavaScript. Свойства цвета обычно соответствуют тому, как работают цвета в CSS. Общие рекомендации по использованию цветов на каждой платформе можно найти ниже:

• Android
• iOS

API цветов

React Native имеет несколько API цветов, предназначенных для того, чтобы вы могли в полной мере использовать дизайн и пользовательские предпочтения вашей платформы.

• PlatformColor позволяет вам обратиться к системе цветов платформы.
• DynamicColorIOS — это специфическая для iOS функция, которая позволяет указать, какие цвета должны использоваться в светлом или тёмном режиме.

Представления цветов

Красный Зелёный Синий (RGB)

React Native поддерживает rgb() и rgba() в шестнадцатеричном и функциональном обозначении:

• '#f0f' (#rgb)
• '#ff00ff' (#rrggbb)
• '#f0ff' (#rgba)
• '#ff00ff00' (#rrggbbaa)
• 'rgb(255, 0, 255)'
• 'rgba(255, 0, 255, 1.0)'

Цветовой тон Насыщенность Светлота (HSL)

React Native поддерживает hsl() и hsla() в функциональном обозначении:

• 'hsl(360, 100%, 100%)'
• 'hsla(360, 100%, 100%, 1.0)'

Целые числа цвета

React Native также поддерживает цвета как значения int (в режиме RGB):

• 0xff00ff00 (0xrrggbbaa)

• голубой_лазурный (`#f0f8ff`)
• старинно_белый (`#faebd7`)
• бирюзовый (`#00ffff`)
• аквамарин (`#7fffd4`)
• лазурный (`#f0ffff`)
• бежевый (`#f5f5dc`)
• бисквит (`#ffe4c4`)
• чёрный (`#000000`)
• выбеленный_миндаль (`#ffebcd`)
• синий (`#0000ff`)
• сине_фиолетовый (`#8a2be2`)
• коричневый (`#a52a2a`)
• бурый (`#deb887`)
• голубовато_серый (`#5f9ea0`)
• шафран (`#7fff00`)
• шоколадный (`#d2691e`)
• коралловый (`#ff7f50`)
• сине_голубой (`#6495ed`)
• кремовый (`#fff8dc`)
• кроваво_красный (`#dc143c`)
• голубой (`#00ffff`)
• тёмно_синий (`#00008b`)
• тёмно_бирюзовый (`#008b8b`)
• тёмно_золотисто_жёлтый (`#b8860b`)
• тёмно_серый (`#a9a9a9`)
• тёмно_зелёный (`#006400`)
• тёмно_серый (`#a9a9a9`)
• тёмно_хаки (`#bdb76b`)
• тёмно_пурпурный (`#8b008b`)
• тёмно_оливковый (`#556b2f`)
• тёмно_оранжевый (`#ff8c00`)
• тёмно_фиолетовый (`#9932cc`)
• тёмно_красный (`#8b0000`)
• тёмно_лососёвый (`#e9967a`)
• тёмно_морской_зелёный (`#8fbc8f`)
• тёмно_синевато_фиолетовый (`#483d8b`)
• тёмно_сине_серый (`#2f4f4f`)
• тёмно_бирюзовый (`#00ced1`)
• тёмно_фиолетовый (`#9400d3`)
• ярко_розовый (`#ff1493`)
• ярко_голубой (`#00bfff`)
• тускло_серый (`#696969`)
• тускло_серый (`#696969`)
• синий_доджера (`#1e90ff`)
• кирпичный (`#b22222`)
• цветочный_белый (`#fffaf0`)
• лесной_зелёный (`#228b22`)
• фуксия (`#ff00ff`)
• серовато_голубой (`#dcdcdc`)
• призрачно_белый (`#f8f8ff`)
• золотой (`#ffd700`)
• золотисто_жёлтый (`#daa520`)
• серый (`#808080`)
• зелёный (`#008000`)
• жёлто_зелёный (`#adff2f`)
• серый (`#808080`)
• мёд (`#f0fff0`)
• ярко_розовый (`#ff69b4`)
• индийский_красный (`#cd5c5c`)
• индиго (`#4b0082`)
• слоновая_кость (`#fffff0`)
• хаки (`#f0e68c`)
• лавандовый (`#e6e6fa`)
• лавандово_розовый (`#fff0f5`)
• травяной_зелёный (`#7cfc00`)
• лимонно_желтый (`#fffacd`)
• светло_голубой (`#add8e6`)
• светло_коралловый (`#f08080`)
• светло_голубой (`#e0ffff`)
• светло_золотисто_жёлтый (`#fafad2`)
• светло_серый (`#d3d3d3`)
• светло_зелёный (`#90ee90`)
• светло_серый (`#d3d3d3`)
• светло_розовый (`#ffb6c1`)
• светло_лососёвый (`#ffa07a`)
• светло_морской_зелёный (`#20b2aa`)
• светло_небесно_голубой (`#87cefa`)
• светло_сине_серый (`#778899`)
• светло_стальной_голубой (`#b0c4de`)
• светло_жёлтый (`#ffffe0`)
• лайм (`#00ff00`)
• лаймово_зелёный (`#32cd32`)
• льняной (`#faf0e6`)
• пурпурный (`#ff00ff`)
• бордовый (`#800000`)
• средний_аквамарин (`#66cdaa`)
• средний_синий (`#0000cd`)
• средний_фиолетовый (`#ba55d3`)
• средний_пурпурный (`#9370db`)
• средний_морской_зелёный (`#3cb371`)
• средний_синевато_фиолетовый (`#7b68ee`)
• средний_весенний_зелёный (`#00fa9a`)
• средний_бирюзовый (`#48d1cc`)
• средний_фиолетово_красный (`#c71585`)
• полуночный_синий (`#191970`)
• мята (`#f5fffa`)
• туманно_розовый (`#ffe4e1`)
• мокко (`#ffe4b5`)
• навахо_белый (`#ffdead`)
• тёмно_синий (`#000080`)
• старая_лен (`#fdf5e6`)
• оливковый (`#808000`)
• оливковый_зелёный (`#6b8e23`)
• оранжевый (`#ffa500`)
• красно_оранжевый (`#ff4500`)
• орхидея (`#da70d6`)
• бледно_золотисто_жёлтый (`#eee8aa`)
• бледно_зелёный (`#98fb98`)
• бледно_бирюзовый (`#afeeee`)
• бледно_фиолетово_красный (`#db7093`)
• папайя (`#ffefd5`)
• персик (`#ffdab9`)
• перу (`#cd853f`)
• розовый (`#ffc0cb`)
• слива (`#dda0dd`)
• пудрово_голубой (`#b0e0e6`)
• фиолетовый (`#800080`)
• фиолетовый_ребекки (`#663399`)
• красный (`#ff0000`)
• ржаво_коричневый (`#bc8f8f`)
• королевский_синий (`#4169e1`)
• седло_коричневый (`#8b4513`)
• лососёвый (`#fa8072`)
• песчано_коричневый (`#f4a460`)
• морской_зелёный (`#2e8b57`)
• ракушка (`#fff5ee`)
• охра (`#a0522d`)
• серебряный (`#c0c0c0`)
• небесно_голубой (`#87ceeb`)
• синевато_фиолетовый (`#6a5acd`)
• сине_серый (`#708090`)
• снег (`#fffafa`)
• весенний_зелёный (`#00ff7f`)
• стальной_голубой (`#4682b4`)
• тёмно_коричневый (`#d2b48c`)
• бирюзовый (`#008080`)
• репейник (`#d8bfd8`)
• помидор (`#ff6347`)
• бирюзовый (`#40e0d0`)
• фиолетовый (`#ee82ee`)
• пшеничный (`#f5deb3`)
• белый (`#ffffff`)
• дымчато_белый (`#f5f5f5`)
• жёлтый (`#ffff00`)
• жёлто_зелёный (`#9acd32`)