Конвертер кольорів

Переводьте кольори між HEX, RGB, HSL і CMYK.

Працює у вашому браузері. Ваші файли ніколи не залишають пристрій. Дізнатися, як це перевірити

…

Як користуватися

  1. 1
    Заповніть поля

    Введіть числа або виберіть потрібні опції.

  2. 2
    Перегляньте результат

    Відповідь оновлюється одразу, щойно ви змінюєте значення.

  3. 3
    Використайте

    Скопіюйте результат або запишіть його. Нічого нікуди не надсилається.

About this tool

Type a colour as a hex code (#2563eb), as rgb(37, 99, 235) or as hsl(221, 83%, 53%). You get the same colour in HEX, RGB, HSL and CMYK, ready to copy into CSS or a design tool, plus a preview swatch.

When to use it

Convert colours between HEX, RGB, HSL and CMYK.

Tips

CMYK values are approximate on screen. Check proofs for print.

Privacy

Everything runs in your browser, so your data is not uploaded or stored.

Colour formats

HEX is a six digit code such as #2563EB, RGB gives red, green and blue from 0 to 255, HSL describes hue, saturation and lightness and CMYK is used in print. Web pages use HEX, RGB or HSL.

Приклад із розв'язанням

With the boxes at their starting values (Colour (hex, rgb() or hsl()): #2563eb), the tool shows: RGB: rgb(37, 99, 235); HSL: hsl(221, 83%, 53%); CMYK: cmyk(84%, 58%, 0%, 8%); CSS: color: #2563EB;; HEX: #2563EB. Change any box to see your own numbers. The result updates as you type, and nothing leaves your browser.

Поради для найкращого результату

Перевірте кожне поле, перш ніж довіряти результату: одна неправильна цифра змінює всю відповідь. Використовуйте точні числа з розрахункового листка, рахунку, сертифіката чи договору й занотуйте дату розрахунку. Ставки, пороги й правила час від часу змінюються, тому для податків, зборів і юридичних питань вважайте результат оцінкою та звіряйте з офіційним джерелом, указаним на сторінці. Пробуйте скільки завгодно сценаріїв: нічого не зберігається й не надсилається, оновлення сторінки очищає поля.

Коротко

Вбудувати цей калькулятор на свій сайт

Скопіюйте цей код, щоб показати калькулятор на своїй сторінці. Містить посилання на shobfree.com.

Поширені запитання

Is CMYK exact?

No. The CMYK values are a simple calculation. Printers use colour profiles, so the printed colour can differ.

Can I use three-digit hex?

Yes. #f80 is read as #ff8800.

Is CMYK exact?

No. It depends on the printer profile.

What is HSL?

Hue, saturation and lightness.

How do I read a HEX code?

Each pair is red, green and blue in base 16. #FF0000 is pure red.

Повністю безкоштовноБез плати й реєстрації
Файли залишаються приватнимиУсе працює у вашому браузері
Просто вашою мовоюДоступно багатьма мовами