Прескокни до главната содржина
Converty

Конвертор на бои

Конвертирајте меѓу hex, RGB, HSL, OKLCH и OKLAB додека проверувате контраст и извезувате CSS-ready tokens.

Поддржува hex, rgb(), hsl(), oklch(), oklab() и именувани CSS бои.

Тековна боја

#953769

Предложен foreground

#FFFFFF

Complementary color

#007653

Hex
RGB(A)
HSL(A)
OKLCH
OKLAB
Alpha
Tailwind theme
Генерирајте целосна brand палета за Tailwind CSS 4 или 3 од тековната боја.
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 variables

За CSS конверзија на бои

Конверторите на бои ви помагаат да ја префрлите истата боја меѓу HEX, RGB, HSL, OKLCH и OKLAB. Најкорисни се кога ви треба читлив излез, контекст за контраст и вредности подготвени за CSS или Tailwind.

HEX, RGB, HSL и CSS бои

HEX, RGB и HSL ги покриваат повеќето секојдневни работни текови во прелистувач, дизајн и frontend.

Брзата конверзија ви овозможува да залепите една вредност и да ја користите насекаде без рачно препишување на синтаксата.

Зошто се важни OKLCH и OKLAB

OKLCH и OKLAB се подобри за градење мазни скали и предвидливи промени на светлината.

Тие ја олеснуваат работата со палети кога ви се важни избалансирани рампи и сигурен контраст.

Проверки на контраст и Tailwind излез

Проверките на контраст и излезот подготвен за framework го претвораат конверторот во практична UI алатка.

Можете побрзо да преминете од една влезна боја до пристапни избори за текст и Tailwind-friendly токени.

Најчесто поставувани прашања

Одговори за поддржани формати на бои, кога да користите perceptual spaces како OKLCH и како да се толкуваат контрастот и Tailwind излезите.

Други алатки

Прелистајте ја секоја посебна страница со алатка од почетниот центар или од центрираниот избирач во заглавието.

Слики

WebP конвертор

Конвертирајте до 10 JPEG, PNG или WebP слики во WebP со preset-и за квалитет и ZIP преземања.

Отвори WebP конвертор

Assets

Генератор на favicon / app icon

Прикачете една квадратна изворна слика и генерирајте favicon пакет со app icons и почетен web manifest.

Отвори Генератор на favicon

Формати на податоци

JSON / YAML / TOML конвертор

Валидирајте, prettify, minify и конвертирајте JSON, YAML и TOML со јасни compatibility предупредувања.

Отвори JSON / YAML / TOML

Формати на податоци

CSV валидатор

Валидирајте CSV датотеки и залепени редови со откривање разделувач, проверки на заглавија, листи со проблеми и парсирани прегледи.

Отвори CSV валидатор

Текст

Case / Slug / Escape

Конвертирајте текст во camelCase, snake_case, kebab-case, PascalCase, slug-ови и вообичаени escaped форми.

Отвори Case / Slug / Escape

Текст

Markdown валидатор и преглед

Валидирајте Markdown структура, прегледајте рендериран излез и фатете вообичаени авторски проблеми пред објавување.

Отвори Markdown валидатор