Tailwind CSS-Farbe Zinc 300: Codes und Konvertierung
Hier sehen Sie die exakten Werte für zinc-300 und können die voreingestellte Farbe direkt in Web- und Druckformate umrechnen. #D4D4D8 ist bereits geladen, damit Sie ohne zusätzliche Schritte loslegen können.
4.8 /5 (Оценок: 91)
Unterstutzt HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH und CSS-Farbnamen
Maske: #E4002B
Erkanntes Format: RGBGefundene Palette: zinc-300
Alle Farbformate
RGB
CMYK
HSL
HSV / HSB
LAB
HWB
OKLCH
Farbvorschau
Öffnen Sie die Systempalette und wählen Sie einen Farbton direkt aus.
Aktueller Wert: #D4D4D8
Gewahlte Farbflache: zinc-300
Ahnliche Farben in Paletten
Die nächsten Töne aus Tailwind, Material und Web Safe fur die aktuelle Farbe.
Tailwind
zinc-300
#D4D4D8
neutral-300
#D4D4D4
gray-300
#D1D5DB
stone-300
#D6D3D1
slate-300
#CBD5E1
zinc-200
#E4E4E7
Material
blue-grey-100
#CFD8DC
brown-100
#D7CCC8
grey-300
#E0E0E0
deep-purple-100
#D1C4E9
indigo-100
#C5CAE9
green-100
#C8E6C9
Web Safe
#CCCCCC
#CCCCCC
#CCCCFF
#CCCCFF
#CCFFCC
#CCFFCC
#FFCCCC
#FFCCCC
#CCFFFF
#CCFFFF
#FFCCFF
#FFCCFF
Slate
11Gray
11Zinc
11Neutral
11Stone
11Red
11Orange
11Amber
11Yellow
11Lime
11Green
11Emerald
11Teal
11Cyan
11Sky
11Blue
11Indigo
11Violet
11Purple
11Fuchsia
11Pink
11Rose
11System
tailwind
Familie
Zinc
HEX
#D4D4D8
So nutzen Sie diese Farbe im Projekt
zinc-300 ist ein ausgewogener 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 zinc-300 nicht allein: vergleichen Sie benachbarte Abstufungen derselben Familie Zinc 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 #D4D4D8 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.