Bootstrap Farben
Farbcodes einfach kopieren
$blue - Blau
#0d6efd
#cfe2ff - $blue-100
#9ec5fe - $blue-200
#6ea8fe - $blue-300
#3d8bfd - $blue-400
#0d6efd - $blue-500
#0a58ca - $blue-600
#084298 - $blue-700
#052c65 - $blue-800
#031633 - $blue-900
$indigo
#6610f2
#e0cffc - $indigo-100
#c29ffa - $indigo-200
#a370f7 - $indigo-300
#8540f5 - $indigo-400
#6610f2 - $indigo-500
#520dc2 - $indigo-600
#3d0a91 - $indigo-700
#290661 - $indigo-800
#140330 - $indigo-900
$purple
#6f42c1
#e2d9f3 - $purple-100
#c5b3e6 - $purple-200
#a98eda - $purple-300
#8c68cd - $purple-400
#6f42c1 - $purple-500
#59359a - $purple-600
#432874 - $purple-700
#2c1a4d - $purple-800
#2c1a4d - $purple-900
$pink
#d63384
#f7d6e6 - $pink-100
#efadce - $pink-200
#e685b5 - $pink-300
#de5c9d - $pink-400
#d63384 - $pink-500
#ab296a - $pink-600
#801f4f - $pink-700
#561435 - $pink-800
#2b0a1a - $pink-900
$red - Rot
#dc3545
#f8d7da - $red-100
#f1aeb5 - $red-200
#ea868f - $red-300
#e35d6a - $red-400
#dc3545 - $red-500
#b02a37 - $red-600
#842029 - $red-700
#58151c - $red-800
#2c0b0e - $red-900
$orange - orange
#fd7e14
#ffe5d0 - $orange-100
#fecba1 - $orange-200
#feb272 - $orange-300
#fd9843 - $orange-400
#fd7e14 - $orange-500
#ca6510 - $orange-600
#984c0c - $orange-700
#653208 - $orange-800
#331904 - $orange-900
$yellow - Yellow
#ffc107
#fff3cd - $yellow-100
#ffe69c - $yellow-200
#ffda6a - $yellow-300
#ffcd39 - $yellow-400
#ffc107 - $yellow-500
#cc9a06 - $yellow-600
#997404 - $yellow-700
#664d03 - $yellow-800
#332701 - $yellow-900
$blue - Blau
#198754
#d1e7dd - $green-100
#a3cfbb - $green-200
#75b798 - $green-300
#479f76 - $green-400
#198754 - $green-500
#146c43 - $green-600
#0f5132 - $green-700
#0a3622 - $green-800
#051b11 - $green-900
$blue - Blau
#20c997
#d2f4ea - $teal-100
#a6e9d5 - $teal-200
#79dfc1 - $teal-300
#4dd4ac - $teal-400
#20c997 - $teal-500
#1aa179 - $teal-600
#13795b - $teal-700
#0d503c - $teal-800
#06281e - $teal-900
$blue - Blau
#0dcaf0
#cff4fc - $cyan-100
#9eeaf9 - $cyan-200
#6edff6 - $cyan-300
#3dd5f3 - $cyan-400
#0dcaf0 - $cyan-500
#0aa2c0 - $cyan-600
#087990 - $cyan-700
#055160 - $cyan-800
#032830 - $cyan-900
$gray - gray
#adb5bd
#f8f9fa - $gray-100
#e9ecef - $gray-200
#dee2e6 - $gray-300
#ced4da - $gray-400
#adb5bd - $gray-500
#6c757d - $gray-600
#495057 - $gray-700
#343a40 - $gray-800
#212529 - $gray-900
$black - $white
#fff
#000