Работа с цветом

Основные цвета Material Design

Последняя версия доступна по адресу: https://github.com/simai/helpers
bg-red
border-red
color-red
bg-pink
border-pink
color-pink
bg-purple
border-purple
color-purple
bg-deep-purple
border-deep-purple
color-deep-purple
bg-indigo
border-indigo
color-indigo
bg-blue
border-blue
color-blue
bg-light-blue
border-light-blue
color-light-blue
bg-cyan
border-cyan
color-cyan
bg-teal
border-teal
color-teal
bg-green
border-green
color-green
bg-light-green
border-light-green
color-light-green
bg-lime
border-lime
color-lime
bg-yellow
border-yellow
color-yellow
bg-amber
border-amber
color-amber
bg-orange
border-orange
color-orange
bg-deep-orange
border-deep-orange
color-deep-orange
bg-brown
border-brown
color-brown
bg-grey
border-grey
color-grey
bg-blue-grey
border-blue-grey
color-blue-grey
bg-black
border-black
color-black
bg-white
border-white
color-white

Полная палитра Material Design

red

bg-red-50
border-red-50
color-red-50
bg-red-100
border-red-100
color-red-100
bg-red-200
border-red-200
color-red-200
bg-red-300
border-red-300
color-red-300
bg-red-400
border-red-400
color-red-400
bg-red-500
border-red-500
color-red-500
bg-red-600
border-red-600
color-red-600
bg-red-700
border-red-700
color-red-700
bg-red-800
border-red-800
color-red-800
bg-red-900
border-red-900
color-red-900

pink

bg-pink-50
border-pink-50
color-pink-50
bg-pink-100
border-pink-100
color-pink-100
bg-pink-200
border-pink-200
color-pink-200
bg-pink-300
border-pink-300
color-pink-300
bg-pink-400
border-pink-400
color-pink-400
bg-pink-500
border-pink-500
color-pink-500
bg-pink-600
border-pink-600
color-pink-600
bg-pink-700
border-pink-700
color-pink-700
bg-pink-800
border-pink-800
color-pink-800
bg-pink-900
border-pink-900
color-pink-900

purple

bg-purple-50
border-purple-50
color-purple-50
bg-purple-100
border-purple-100
color-purple-100
bg-purple-200
border-purple-200
color-purple-200
bg-purple-300
border-purple-300
color-purple-300
bg-purple-400
border-purple-400
color-purple-400
bg-purple-500
border-purple-500
color-purple-500
bg-purple-600
border-purple-600
color-purple-600
bg-purple-700
border-purple-700
color-purple-700
bg-purple-800
border-purple-800
color-purple-800
bg-purple-900
border-purple-900
color-purple-900

deep-purple

bg-deep-purple-50
border-deep-purple-50
color-deep-purple-50
bg-deep-purple-100
border-deep-purple-100
color-deep-purple-100
bg-deep-purple-200
border-deep-purple-200
color-deep-purple-200
bg-deep-purple-300
border-deep-purple-300
color-deep-purple-300
bg-deep-purple-400
border-deep-purple-400
color-deep-purple-400
bg-deep-purple-500
border-deep-purple-500
color-deep-purple-500
bg-deep-purple-600
border-deep-purple-600
color-deep-purple-600
bg-deep-purple-700
border-deep-purple-700
color-deep-purple-700
bg-deep-purple-800
border-deep-purple-800
color-deep-purple-800
bg-deep-purple-900
border-deep-purple-900
color-deep-purple-900

indigo

bg-indigo-50
border-indigo-50
color-indigo-50
bg-indigo-100
border-indigo-100
color-indigo-100
bg-indigo-200
border-indigo-200
color-indigo-200
bg-indigo-300
border-indigo-300
color-indigo-300
bg-indigo-400
border-indigo-400
color-indigo-400
bg-indigo-500
border-indigo-500
color-indigo-500
bg-indigo-600
border-indigo-600
color-indigo-600
bg-indigo-700
border-indigo-700
color-indigo-700
bg-indigo-800
border-indigo-800
color-indigo-800
bg-indigo-900
border-indigo-900
color-indigo-900

blue

bg-blue-50
border-blue-50
color-blue-50
bg-blue-100
border-blue-100
color-blue-100
bg-blue-200
border-blue-200
color-blue-200
bg-blue-300
border-blue-300
color-blue-300
bg-blue-400
border-blue-400
color-blue-400
bg-blue-500
border-blue-500
color-blue-500
bg-blue-600
border-blue-600
color-blue-600
bg-blue-700
border-blue-700
color-blue-700
bg-blue-800
border-blue-800
color-blue-800
bg-blue-900
border-blue-900
color-blue-900

light-blue

bg-light-blue-50
border-light-blue-50
color-light-blue-50
bg-light-blue-100
border-light-blue-100
color-light-blue-100
bg-light-blue-200
border-light-blue-200
color-light-blue-200
bg-light-blue-300
border-light-blue-300
color-light-blue-300
bg-light-blue-400
border-light-blue-400
color-light-blue-400
bg-light-blue-500
border-light-blue-500
color-light-blue-500
bg-light-blue-600
border-light-blue-600
color-light-blue-600
bg-light-blue-700
border-light-blue-700
color-light-blue-700
bg-light-blue-800
border-light-blue-800
color-light-blue-800
bg-light-blue-900
border-light-blue-900
color-light-blue-900

cyan

bg-cyan-50
border-cyan-50
color-cyan-50
bg-cyan-100
border-cyan-100
color-cyan-100
bg-cyan-200
border-cyan-200
color-cyan-200
bg-cyan-300
border-cyan-300
color-cyan-300
bg-cyan-400
border-cyan-400
color-cyan-400
bg-cyan-500
border-cyan-500
color-cyan-500
bg-cyan-600
border-cyan-600
color-cyan-600
bg-cyan-700
border-cyan-700
color-cyan-700
bg-cyan-800
border-cyan-800
color-cyan-800
bg-cyan-900
border-cyan-900
color-cyan-900

teal

bg-teal-50
border-teal-50
color-teal-50
bg-teal-100
border-teal-100
color-teal-100
bg-teal-200
border-teal-200
color-teal-200
bg-teal-300
border-teal-300
color-teal-300
bg-teal-400
border-teal-400
color-teal-400
bg-teal-500
border-teal-500
color-teal-500
bg-teal-600
border-teal-600
color-teal-600
bg-teal-700
border-teal-700
color-teal-700
bg-teal-800
border-teal-800
color-teal-800
bg-teal-900
border-teal-900
color-teal-900

green

bg-green-50
border-green-50
color-green-50
bg-green-100
border-green-100
color-green-100
bg-green-200
border-green-200
color-green-200
bg-green-300
border-green-300
color-green-300
bg-green-400
border-green-400
color-green-400
bg-green-500
border-green-500
color-green-500
bg-green-600
border-green-600
color-green-600
bg-green-700
border-green-700
color-green-700
bg-green-800
border-green-800
color-green-800
bg-green-900
border-green-900
color-green-900

light-green

bg-light-green-50
border-light-green-50
color-light-green-50
bg-light-green-100
border-light-green-100
color-light-green-100
bg-light-green-200
border-light-green-200
color-light-green-200
bg-light-green-300
border-light-green-300
color-light-green-300
bg-light-green-400
border-light-green-400
color-light-green-400
bg-light-green-500
border-light-green-500
color-light-green-500
bg-light-green-600
border-light-green-600
color-light-green-600
bg-light-green-700
border-light-green-700
color-light-green-700
bg-light-green-800
border-light-green-800
color-light-green-800
bg-light-green-900
border-light-green-900
color-light-green-900

lime

bg-lime-50
border-lime-50
color-lime-50
bg-lime-100
border-lime-100
color-lime-100
bg-lime-200
border-lime-200
color-lime-200
bg-lime-300
border-lime-300
color-lime-300
bg-lime-400
border-lime-400
color-lime-400
bg-lime-500
border-lime-500
color-lime-500
bg-lime-600
border-lime-600
color-lime-600
bg-lime-700
border-lime-700
color-lime-700
bg-lime-800
border-lime-800
color-lime-800
bg-lime-900
border-lime-900
color-lime-900

yellow

bg-yellow-50
border-yellow-50
color-yellow-50
bg-yellow-100
border-yellow-100
color-yellow-100
bg-yellow-200
border-yellow-200
color-yellow-200
bg-yellow-300
border-yellow-300
color-yellow-300
bg-yellow-400
border-yellow-400
color-yellow-400
bg-yellow-500
border-yellow-500
color-yellow-500
bg-yellow-600
border-yellow-600
color-yellow-600
bg-yellow-700
border-yellow-700
color-yellow-700
bg-yellow-800
border-yellow-800
color-yellow-800
bg-yellow-900
border-yellow-900
color-yellow-900

amber

bg-amber-50
border-amber-50
color-amber-50
bg-amber-100
border-amber-100
color-amber-100
bg-amber-200
border-amber-200
color-amber-200
bg-amber-300
border-amber-300
color-amber-300
bg-amber-400
border-amber-400
color-amber-400
bg-amber-500
border-amber-500
color-amber-500
bg-amber-600
border-amber-600
color-amber-600
bg-amber-700
border-amber-700
color-amber-700
bg-amber-800
border-amber-800
color-amber-800
bg-amber-900
border-amber-900
color-amber-900

orange

bg-orange-50
border-orange-50
color-orange-50
bg-orange-100
border-orange-100
color-orange-100
bg-orange-200
border-orange-200
color-orange-200
bg-orange-300
border-orange-300
color-orange-300
bg-orange-400
border-orange-400
color-orange-400
bg-orange-500
border-orange-500
color-orange-500
bg-orange-600
border-orange-600
color-orange-600
bg-orange-700
border-orange-700
color-orange-700
bg-orange-800
border-orange-800
color-orange-800
bg-orange-900
border-orange-900
color-orange-900

deep-orange

bg-deep-orange-50
border-deep-orange-50
color-deep-orange-50
bg-deep-orange-100
border-deep-orange-100
color-deep-orange-100
bg-deep-orange-200
border-deep-orange-200
color-deep-orange-200
bg-deep-orange-300
border-deep-orange-300
color-deep-orange-300
bg-deep-orange-400
border-deep-orange-400
color-deep-orange-400
bg-deep-orange-500
border-deep-orange-500
color-deep-orange-500
bg-deep-orange-600
border-deep-orange-600
color-deep-orange-600
bg-deep-orange-700
border-deep-orange-700
color-deep-orange-700
bg-deep-orange-800
border-deep-orange-800
color-deep-orange-800
bg-deep-orange-900
border-deep-orange-900
color-deep-orange-900

brown

bg-brown-50
border-brown-50
color-brown-50
bg-brown-100
border-brown-100
color-brown-100
bg-brown-200
border-brown-200
color-brown-200
bg-brown-300
border-brown-300
color-brown-300
bg-brown-400
border-brown-400
color-brown-400
bg-brown-500
border-brown-500
color-brown-500
bg-brown-600
border-brown-600
color-brown-600
bg-brown-700
border-brown-700
color-brown-700
bg-brown-800
border-brown-800
color-brown-800
bg-brown-900
border-brown-900
color-brown-900

grey

bg-grey-50
border-grey-50
color-grey-50
bg-grey-100
border-grey-100
color-grey-100
bg-grey-200
border-grey-200
color-grey-200
bg-grey-300
border-grey-300
color-grey-300
bg-grey-400
border-grey-400
color-grey-400
bg-grey-500
border-grey-500
color-grey-500
bg-grey-600
border-grey-600
color-grey-600
bg-grey-700
border-grey-700
color-grey-700
bg-grey-800
border-grey-800
color-grey-800
bg-grey-900
border-grey-900
color-grey-900

blue-grey

bg-blue-grey-50
border-blue-grey-50
color-blue-grey-50
bg-blue-grey-100
border-blue-grey-100
color-blue-grey-100
bg-blue-grey-200
border-blue-grey-200
color-blue-grey-200
bg-blue-grey-300
border-blue-grey-300
color-blue-grey-300
bg-blue-grey-400
border-blue-grey-400
color-blue-grey-400
bg-blue-grey-500
border-blue-grey-500
color-blue-grey-500
bg-blue-grey-600
border-blue-grey-600
color-blue-grey-600
bg-blue-grey-700
border-blue-grey-700
color-blue-grey-700
bg-blue-grey-800
border-blue-grey-800
color-blue-grey-800
bg-blue-grey-900
border-blue-grey-900
color-blue-grey-900