Fara í aðalefni
Converty

Litabreytir

Breyttu á milli hex, RGB, HSL, OKLCH og OKLAB um leið og þú athugar birtuskil og flytur út CSS-tilbúna tóka.

Styður hex, rgb(), hsl(), oklch(), oklab() og nafngreinda CSS-liti.

Núverandi litur

#953769

Ráðlagður forgrunnur

#FFFFFF

Fyllilitur

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alfa
Tailwind-þema
Búðu til heila vörumerkjapallettu fyrir Tailwind CSS 4 eða 3 úr núverandi lit.
50
oklch(94.5% 0.0212 350.46)
100
oklch(89.49% 0.0339 350.46)
200
oklch(81.48% 0.0542 350.46)
300
oklch(72.47% 0.0771 350.46)
400
oklch(61.46% 0.105 350.46)
500
oklch(48.44% 0.138 350.46)
600
oklch(43.57% 0.1236 350.46)
700
oklch(38.7% 0.1093 350.46)
800
oklch(33.22% 0.0932 350.46)
900
oklch(27.74% 0.077 350.46)
950
oklch(23.48% 0.0644 350.46)
CSS-breytur

Um CSS-litabreytingu

Litabreytar hjálpa þér að færa sama lit á milli HEX, RGB, HSL, OKLCH og OKLAB. Þeir gagnast mest þegar þú þarft læsilegt úttak, birtuskilasamhengi og gildi tilbúin fyrir CSS eða Tailwind.

HEX, RGB, HSL og CSS-litir

HEX, RGB og HSL duga fyrir flest dagleg vinnuflæði í vöfrum, hönnun og framenda.

Hröð umbreyting gerir þér kleift að líma inn eitt gildi og endurnýta það hvar sem er án þess að endurskrifa setningafræðina handvirkt.

Af hverju OKLCH og OKLAB skipta máli

OKLCH og OKLAB henta betur til að byggja mjúka skala og fyrirsjáanlegar birtubreytingar.

Þau auðvelda pallettuvinnu þegar jafnvægi í litastigum og áreiðanlegur birtuskilamunur skiptir máli.

Birtuskilaathuganir og Tailwind-úttak

Birtuskilaathuganir og úttak tilbúið fyrir framework breyta breyti í hagnýtt UI-tól.

Þú getur farið hraðar frá einum innslit til aðgengilegra textavala og Tailwind-vænna tóka.

Algengar spurningar

Svör um studd litasnið, hvenær á að nota skynjunarlitarými eins og OKLCH og hvernig á að túlka birtuskila- og Tailwind-úttak.

Fleiri tól

Skoðaðu allar sértækar tólasíður úr forsíðuhnútnum eða miðjaða hausvalinu.

Myndir

WebP-breytir

Breyttu allt að 10 JPEG-, PNG- eða WebP-myndum í WebP með gæðaforstillingum og ZIP-niðurhali.

Opna WebP-breytir

Tilföng

Favicon / forritstáknasmiður

Hladdu upp einni ferkantaðri upprunamynd og búðu til favicon-pakka með forritstáknum og grunn web manifest.

Opna Favicon-smiður

Gagnasnið

JSON / YAML / TOML-breytir

Staðfestu, forsníddu, minnkaðu og breyttu JSON, YAML og TOML með skýrum samhæfisviðvörunum.

Opna JSON / YAML / TOML

Gagnasnið

CSV-staðfestir

Staðfestu CSV-skrár og límdar raðir með afmarkaragreiningu, hausathugunum, vandamálalistum og þáttaðri forskoðun.

Opna CSV-staðfestir

Texti

Case / Slug / Escape

Breyttu texta í camelCase, snake_case, kebab-case, PascalCase, slug og algeng escape-snið.

Opna Case / Slug / Escape

Texti

Markdown-staðfestir og forskoðun

Staðfestu Markdown-uppbyggingu, forskoðaðu renderað úttak og finndu algeng höfundavandamál fyrir birtingu.

Opna Markdown-staðfestir