Tailwind CSS-Farbe Red 700: Codes und Konvertierung

Hier sehen Sie die exakten Werte für red-700 und können die voreingestellte Farbe direkt in Web- und Druckformate umrechnen. #B91C1C ist bereits geladen, damit Sie ohne zusätzliche Schritte loslegen können.

4.8 /5 (Оценок: 152)
Unterstutzt HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH und CSS-Farbnamen

Maske: #E4002B

Erkanntes Format: RGBGefundene Palette: red-700
Alle Farbformate

HEX

RGB

CMYK

HSL

HSV / HSB

LAB

HWB

OKLCH

Farbvorschau
Öffnen Sie die Systempalette und wählen Sie einen Farbton direkt aus.
Aktueller Wert: #B91C1C
Gewahlte Farbflache: red-700

Ahnliche Farben in Paletten

Die nächsten Töne aus Tailwind, Material und Web Safe fur die aktuelle Farbe.

Tailwind

red-700
#B91C1C
red-800
#991B1B
rose-700
#BE123C
red-600
#DC2626
rose-800
#9F1239
orange-800
#9A3412

Material

red-900
#B71C1C
red-800
#C62828
deep-orange-900
#BF360C
red-700
#D32F2F
deep-orange-800
#D84315
red-600
#E53935

Web Safe

#CC3333
#CC3333
#CC0033
#CC0033
#CC3300
#CC3300
#CC0000
#CC0000
#993333
#993333
#990033
#990033

Slate

11
slate-50
slate-100
slate-200
slate-300
slate-400
slate-500
slate-600
slate-700
slate-800
slate-900
slate-950

Gray

11
gray-50
gray-100
gray-200
gray-300
gray-400
gray-500
gray-600
gray-700
gray-800
gray-900
gray-950

Zinc

11
zinc-50
zinc-100
zinc-200
zinc-300
zinc-400
zinc-500
zinc-600
zinc-700
zinc-800
zinc-900
zinc-950

Neutral

11
neutral-50
neutral-100
neutral-200
neutral-300
neutral-400
neutral-500
neutral-600
neutral-700
neutral-800
neutral-900
neutral-950

Stone

11
stone-50
stone-100
stone-200
stone-300
stone-400
stone-500
stone-600
stone-700
stone-800
stone-900
stone-950

Red

11
red-50
red-100
red-200
red-300
red-400
red-500
red-600
red-700
red-800
red-900
red-950

Orange

11
orange-50
orange-100
orange-200
orange-300
orange-400
orange-500
orange-600
orange-700
orange-800
orange-900
orange-950

Amber

11
amber-50
amber-100
amber-200
amber-300
amber-400
amber-500
amber-600
amber-700
amber-800
amber-900
amber-950

Yellow

11
yellow-50
yellow-100
yellow-200
yellow-300
yellow-400
yellow-500
yellow-600
yellow-700
yellow-800
yellow-900
yellow-950

Lime

11
lime-50
lime-100
lime-200
lime-300
lime-400
lime-500
lime-600
lime-700
lime-800
lime-900
lime-950

Green

11
green-50
green-100
green-200
green-300
green-400
green-500
green-600
green-700
green-800
green-900
green-950

Emerald

11
emerald-50
emerald-100
emerald-200
emerald-300
emerald-400
emerald-500
emerald-600
emerald-700
emerald-800
emerald-900
emerald-950

Teal

11
teal-50
teal-100
teal-200
teal-300
teal-400
teal-500
teal-600
teal-700
teal-800
teal-900
teal-950

Cyan

11
cyan-50
cyan-100
cyan-200
cyan-300
cyan-400
cyan-500
cyan-600
cyan-700
cyan-800
cyan-900
cyan-950

Sky

11
sky-50
sky-100
sky-200
sky-300
sky-400
sky-500
sky-600
sky-700
sky-800
sky-900
sky-950

Blue

11
blue-50
blue-100
blue-200
blue-300
blue-400
blue-500
blue-600
blue-700
blue-800
blue-900
blue-950

Indigo

11
indigo-50
indigo-100
indigo-200
indigo-300
indigo-400
indigo-500
indigo-600
indigo-700
indigo-800
indigo-900
indigo-950

Violet

11
violet-50
violet-100
violet-200
violet-300
violet-400
violet-500
violet-600
violet-700
violet-800
violet-900
violet-950

Purple

11
purple-50
purple-100
purple-200
purple-300
purple-400
purple-500
purple-600
purple-700
purple-800
purple-900
purple-950

Fuchsia

11
fuchsia-50
fuchsia-100
fuchsia-200
fuchsia-300
fuchsia-400
fuchsia-500
fuchsia-600
fuchsia-700
fuchsia-800
fuchsia-900
fuchsia-950

Pink

11
pink-50
pink-100
pink-200
pink-300
pink-400
pink-500
pink-600
pink-700
pink-800
pink-900
pink-950

Rose

11
rose-50
rose-100
rose-200
rose-300
rose-400
rose-500
rose-600
rose-700
rose-800
rose-900
rose-950

System

tailwind

Familie

Red

HEX

#B91C1C

So nutzen Sie diese Farbe im Projekt

red-700 ist ein dunkeler Farbwert aus Tailwind CSS und eignet sich je nach Intensitat fur Hintergrunde, Akzente oder UI-Tokens. Auf dieser Seite konnen Sie denselben Farbwert in HEX, RGB, HSL, LAB und OKLCH prufen, bevor er in Komponenten oder Stylesheets landet.

Kombination im Interface

Bewerten Sie red-700 nicht allein: vergleichen Sie benachbarte Abstufungen derselben Familie Red und testen Sie den Kontrast auf hellen und dunklen Flachen. So lassen sich sinnvolle Default-, Hover- und Fokuszustande schneller aufbauen.

Was vor dem Export zu prufen ist

Ein robuster Ablauf ist: mit HEX #B91C1C starten, danach CMYK und LAB fur drucknahe Medien prufen und OKLCH fur feinere UI-Anpassungen nutzen. Das reduziert Abweichungen zwischen Figma, CSS-Variablen und exportierten Unterlagen.

Ahnliche Tone aus derselben Palette

Schnelle Links zu benachbarten Farben fur Kontrast- und Codevergleich.

red-50 #FEF2F2 red-100 #FEE2E2 red-200 #FECACA red-300 #FCA5A5 red-400 #F87171 red-500 #EF4444 red-600 #DC2626 red-800 #991B1B