3D-пространство цветов RGB

216 веб-безопасных цветов, расположенных в виде 3D-куба. Перетащите для вращения и изучения структуры цветового пространства; нажмите на любую точку для получения полного профиля.

Перетащите для вращения · наведите курсор для выбора · кликните для профиля

216 точек

Как читать цветовое пространство — перетаскивайте, наблюдайте, открывайте профили.

216 веб-безопасных цветов, расположенных по координатам RGB — цветовое пространство наконец получило форму.

01
Перетащите для вращения
Удерживайте и перетаскивайте холст. Виды с ребра показывают плоскости каналов; диагональные виды раскрывают ось светлоты.
02
Читайте структуру
Оси R/G/B — это три канала; удаление от начала координат — направление аддитивного смешивания.
03
Нажмите на точку
Наведите курсор на любую точку для получения её HEX и ссылки на профиль; нажмите, чтобы открыть полную страницу профиля цвета.

Часто задаваемые вопросы по визуализации цветового пространства

Три вопроса для тех, кто впервые работает с кубом цветов.

Почему 216 веб-безопасных цветов?: 6 уровней × 6 уровней × 6 уровней точно заполняют куб RGB: достаточно плотно, чтобы показать структуру, и достаточно разреженно, чтобы оставаться читаемым.
Почему один угол серый?: Диагональ R=G=B — это нейтральная ось: оттенки серого от черного до белого образуют прямую линию через куб, которая становится видимой.
Чем это отличается от пространства OKLCH?: RGB — это аппаратное пространство (как экраны излучают свет); OKLCH — это перцептуальное пространство (как видят глаза). Сравните их в редакторе OKLCH.

После куба

Ощутите перцептуальную равномерность в редакторе OKLCH.

Редактор OKLCH

Настройте L / C / H в перцептивно однородном пространстве OKLCH с предварительным просмотром в реальном времени и выводом oklch() / HEX / RGB.

Создатель градиентов

Воспринимающе равномерные градиенты OKLCH, без серых полос, экспорт CSS одним кликом.

Симулятор дальтонизма

Симуляция 8 типов нарушений цветового зрения для проверки доступности.

3D-пространство цветов RGB

Как читать цветовое пространство — перетаскивайте, наблюдайте, открывайте профили.

216 веб-безопасных цветов, расположенных по координатам RGB — цветовое пространство наконец получило форму.

Перетащите для вращения

Удерживайте и перетаскивайте холст. Виды с ребра показывают плоскости каналов; диагональные виды раскрывают ось светлоты.

Читайте структуру

Оси R/G/B — это три канала; удаление от начала координат — направление аддитивного смешивания.

Нажмите на точку

Наведите курсор на любую точку для получения её HEX и ссылки на профиль; нажмите, чтобы открыть полную страницу профиля цвета.

Часто задаваемые вопросы по визуализации цветового пространства

Три вопроса для тех, кто впервые работает с кубом цветов.

Почему 216 веб-безопасных цветов?

6 уровней × 6 уровней × 6 уровней точно заполняют куб RGB: достаточно плотно, чтобы показать структуру, и достаточно разреженно, чтобы оставаться читаемым.

Почему один угол серый?

Диагональ R=G=B — это нейтральная ось: оттенки серого от черного до белого образуют прямую линию через куб, которая становится видимой.

Чем это отличается от пространства OKLCH?

RGB — это аппаратное пространство (как экраны излучают свет); OKLCH — это перцептуальное пространство (как видят глаза). Сравните их в редакторе OKLCH.