Μετάβαση στον επιλογέα χρωμάτων

gray-950

#030712

Το Tailwind CSS v4.3.3 gray-950 είναι oklch(13% 0.028 261.692) σε OKLCH, τη μορφή που χρησιμοποιεί το Tailwind, και #030712 σε HEX.

Κλάση
OKLCH
HEX
RGB
HSL
CSS
Άνοιγμα του #030712 στον επιλογέαΈλεγχος αντίθεσης

Κλάσεις

Κάντε κλικ για αντιγραφή. Προσθέστε /50 για αδιαφάνεια 50%, για παράδειγμα bg-gray-950/50.

Κείμενο σε gray-950

  • Aaλευκό20.13:1Ευανάγνωστο · AA
  • Aaμαύρο1.04:1Δυσανάγνωστο
  • Aagray-5019.28:1Ευανάγνωστο · AA

Το πιο ευανάγνωστο κείμενο από την κλίμακα gray: gray-50

Κλίμακα Tailwind gray

  1. 50
  2. 100
  3. 200
  4. 300
  5. 400
  6. 500
  7. 600
  8. 700
  9. 800
  10. 900
  11. 950

Τόνος 950 σε άλλα χρώματα Tailwind

Ερωτήσεις και απαντήσεις

Ποιος είναι ο κωδικός HEX του Tailwind gray-950;

Το gray-950 είναι #030712 σε HEX, rgb(3 7 18) σε RGB και oklch(13% 0.028 261.692) σε OKLCH. Το Tailwind CSS v4.3.3 ορίζει τα χρώματά του σε OKLCH, οπότε η τιμή HEX είναι η πλησιέστερη αντιστοιχία στο sRGB.

Είναι το Tailwind gray-950 ευανάγνωστο για κείμενο;

Λευκό κείμενο σε gray-950 έχει λόγο αντίθεσης 20.13:1 και μαύρο κείμενο 1.04:1. Το WCAG AA ζητά 4,5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο, οπότε εδώ το λευκό κείμενο είναι η καλύτερη επιλογή.

Πώς χρησιμοποιώ το gray-950 στο Tailwind CSS;

Προσθέστε bg-gray-950, text-gray-950 ή border-gray-950 σε ένα στοιχείο. Στο δικό σας CSS χρησιμοποιήστε var(--color-gray-950), τη μεταβλητή CSS που δημιουργεί το Tailwind v4 για κάθε χρώμα.