Tailwind CSS-Farbe Cyan 500: Codes und Konvertierung
Hier sehen Sie die exakten Werte für cyan-500 und können die voreingestellte Farbe direkt in Web- und Druckformate umrechnen. #06B6D4 ist bereits geladen, damit Sie ohne zusätzliche Schritte loslegen können.
4.9 /5 (Оценок: 96)
Unterstutzt HEX, RGB, CMYK, HSL, HSV, LAB, HWB, OKLCH und CSS-Farbnamen
Maske: #E4002B
Erkanntes Format: RGBGefundene Palette: cyan-500
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: #06B6D4
Gewahlte Farbflache: cyan-500
Ahnliche Farben in Paletten
Die nächsten Töne aus Tailwind, Material und Web Safe fur die aktuelle Farbe.
Tailwind
cyan-500
#06B6D4
sky-500
#0EA5E9
cyan-400
#22D3EE
teal-500
#14B8A6
cyan-600
#0891B2
sky-600
#0284C7
Material
cyan-500
#00BCD4
cyan-600
#00ACC1
light-blue-600
#039BE5
light-blue-500
#03A9F4
cyan-400
#26C6DA
light-blue-700
#0288D1
Web Safe
#00CCCC
#00CCCC
#0099CC
#0099CC
#00CCFF
#00CCFF
#33CCCC
#33CCCC
#0099FF
#0099FF
#3399CC
#3399CC
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
Cyan
HEX
#06B6D4
So nutzen Sie diese Farbe im Projekt
cyan-500 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 cyan-500 nicht allein: vergleichen Sie benachbarte Abstufungen derselben Familie Cyan 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 #06B6D4 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.