Canlı incele Anahtarlar
OKLCH Heat Toggle
Off and on colours sit at the same OKLCH lightness, so only the hue appears to move.
#oklch CSS efektleri
"oklch" etiketiyle eşleşen 11 ücretsiz saf CSS efekti. Hepsi kopyala-yapıştır hazır; kullanmak için kütüphane veya derleme adımı gerekmez.
Canlı incele İpuçları
OKLCH Tone Tooltip
Bubble, arrow and trigger colours are all mixed from one OKLCH hue in OKLAB.
Canlı incele Rozetler
OKLCH Tone Scale Badges
Six badges built from one hue by walking OKLCH lightness in even steps.
Canlı incele Arka Planlar
OKLCH Dawn
A dawn sky mixed in OKLCH, so the hue ramp keeps even lightness with no grey band.
Canlı incele Butonlar
OKLCH Pulse Button
Hover and active shades are derived from one base colour with color-mix in OKLAB.
Canlı incele Onay Kutuları
OKLCH Mint Checkbox
Hover, checked and focus shades are all mixed from one OKLCH base in OKLAB space.
Canlı incele Onay Kutuları
OKLCH Ramp Checkbox
Rest, hover, checked and ring shades are one OKLCH hue mixed at four steps.
Canlı incele Formlar
OKLCH Field States
Rest, hover and focus shades of one field are all mixed from a single OKLCH accent.
Canlı incele Hover
OKLCH Lift Tile
One OKLCH base colour feeds the surface, border and shadow through color-mix.
Canlı incele Yükleyiciler
OKLCH Spectrum Loader
Every segment is one OKLCH hue step, so the ring stays perceptually even in brightness.
Canlı incele Navigasyon
OKLCH Menu Bar
Bar, hover and active layers are three color-mix steps off a single OKLCH accent.