Перейти до вмісту
KitPad.org

    Кольорові інструменти

    Переводьте HEX, RGB і HSL, перевіряйте контраст тексту за WCAG та витягуйте палітру з будь-якої картинки.

    HEX#5144e8
    RGBrgb(81, 68, 232)
    HSLhsl(245, 78%, 59%)

    Усе рахується у вашому браузері.

    Як це працює

    1. 1

      Оберіть інструмент

      Конвертер, перевірка контрасту або палітра із зображення.

    2. 2

      Введіть чи оберіть

      Впишіть код, скористайтеся пікером або перетягніть зображення.

    3. 3

      Скопіюйте результат

      Один клік копіює HEX, RGB, HSL чи колір палітри.

    Запитання й відповіді

    Що таке контраст WCAG?

    Співвідношення яскравості тексту й тла. 4,5:1 це мінімум AA для звичайного тексту, 3:1 для великого.

    Чому не AAA?

    AAA вимагає 7:1, це рекомендація для важливого тексту, але не обов'язкова всюди.

    Як добирається палітра?

    Пікселі групуються за кольором, і показуються найчастіші різні кольори.

    Моє зображення кудись завантажується?

    Ні, усе рахується у вашому браузері.