Color Reference

React Native supports the same color formats as CSS, plus named colors.

Color Formats

// Hex
color: '#ff6347'
color: '#f63'     // shorthand

// RGB / RGBA
color: 'rgb(255, 99, 71)'
color: 'rgba(255, 99, 71, 0.5)'  // 50% opacity

// HSL / HSLA
color: 'hsl(9, 100%, 64%)'

// Named colors (147 available)
color: 'tomato'
color: 'dodgerblue'
color: 'limegreen'

Platform Design Guidelines

Common Colors

const COLORS = {
  primary: '#2e8555',
  danger: '#ef4444',
  warning: '#f59e0b',
  info: '#3b82f6',
  dark: '#1c1e21',
  light: '#f6f8fa',
  white: '#ffffff',
  black: '#000000'
}