генератор цветов с кодами
· Инструмент для подбора цветов и генерации цветовых схем ·
Схема:
Насыщенность/Яркость
Схема:
Контрастность
Выбранный Вариант:
Насыщенность/Яркость
Постоянный адрес текущей цветовой схемы:
Результат комфортен для глаз, даже при использовании агрессивных цветов. Вместе с тем, труднее найти диакритические знаки и основные факты.
Также монохроматические вариации сделаны для каждого цвета в других схемах.
Не следует злоупотреблять контрастными цветами в дизайне, используйте их только как цветовой акцент.
Триада образована тремя цветами, равномерно распределяя цветовой круг (120°). Цветовые схемы триады имеют много возможностей по сочетанию цветов, регулировке контраста, акцентов и баланса теплых/холодных цветов.
Меньшая дистанция между цветами вызывает в результате меньше напряжения. Тем не менее, тетрада всегда является более «нервной» и «вызывающей», чем другие цветовые схемы. Работая с ней, вы должны заботиться о связях между одним цветом и его смежным дополнительным цветом (комплементом). В случае тетрады (угол 90°), необходимо хорошее чувство цвета и очень деликатный подход к сочетанию цветов.
Вы можете задать дистанцию смежных (вторичных) цветов, угол не должен превышать 60°.
Будьте осторожны: из-за ошибки округления во время преобразования, значение RGB, используемое в цветовой схеме, может немного отличаться от введенного значения.
Появилась удобная возможность поделиться цветовой палитрой с друзьями и коллегами, используя готовые коды для вставки картинки на форум или в блог.
Конвертер цветов
С помощью универсального конвертер цветов вы можете легко перевести цвет из одной цветовой модели в ряд других.
В первую очередь, калькулятор служит для удобной работы с современными форматами CSS3-цветов. Поддерживается конвертация из HEX в RGB/RGBA и HSL/HSLA, RGB в CMYK, XYZ, LAB, и обратно.
А также специальный функционал для замещения альфа-канала при переводе цвета из RGBA в RGB (и HSLA в HSL).
Справка по цветовым моделям
Далее приводится краткое описание цветовых систем с которыми работает конвертер, разъяснение по форматам, а также примеры использования полученных цветов в CSS/HTML.
HEX / HTML
Цвет в формате HEX — это ни что иное, как шестнадцатеричное представление RGB.
Цвета представляются в виде трёх групп шестнадцатеричных цифр, где каждая группа отвечает за свой цвет: #112233, где 11 — красный, 22 — зелёный, 33 — синий. Все значения должны быть между 00 и FF.
Во многих приложениях допускается сокращённая форма записи шестнадцатеричных цветов. Если каждая из трёх групп содержит одинаковые символы, например #112233, то их можно записать как #123.
Цветовое пространство RGB (Red, Green, Blue) состоит из всех возможных цветов, которые могут быть получены путём смешивания красного, зелёного, и синего. Эта модель популярна в фотографии, телевидении, и компьютерной графике.
Значения RGB задаются целым числом от 0 до 255. Например, rgb(0,0,255) отображается как синий, так как синий параметр установлен в его самое высокое значение (255), а остальные установлены в 0.
Некоторые приложения (в частности веб-браузеры) поддерживают процентную запись значений RGB (от 0% до 100%).
Цветовые значения RGB поддерживаются во всех основных браузерах.
С недавних пор современные браузеры научились работать с цветовой моделью RGBA — расширением RGB с поддержкой альфа-канала, который определяет непрозрачность объекта.
Значение цвета RGBA задается в виде: rgba(red, green, blue, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
RGBA поддерживается в IE9+, Firefox 3+, Chrome, Safari, и в Opera 10+.
Цветовая модель HSL является представлением модели RGB в цилиндрической системе координат. HSL представляет цвета более интуитивным и понятным для восприятия образом, чем типичное RGB. Модель часто используется в графических приложениях, в палитрах цветов, и для анализа изображений.
HSL расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Lightness/Luminance (светлота/светлость/светимость, не путать с яркостью).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Lightness является процентным значением светлости (от 0% до 100%).
HSL поддерживается в IE9+, Firefox, Chrome, Safari, и в Opera 10+.
По аналогии с RGB/RGBA, для HSL имеется режим HSLA с поддержкой альфа-канала для указания непрозрачности объекта.
Значение цвета HSLA задается в виде: hsla(hue, saturation, lightness, alpha). Параметр alpha — это число в диапазоне от 0.0 (полностью прозрачный) до 1.0 (полностью непрозрачный).
Цветовая модель CMYK часто ассоциируется с цветной печатью, с полиграфией. CMYK (в отличие от RGB) является субтрактивной моделью, это означает что более высокие значения связаны с более тёмными цветами.
Цвета определяются соотношением голубого (Cyan), пурпурного (Magenta), жёлтого (Yellow), с добавлением чёрного (Key/blacK).
Каждое из чисел, определяющее цвет в CMYK, представляет собой процент краски данного цвета, составляющей цветовую комбинацию, а точнее, размер точки растра, выводимой на фотонаборном аппарате на плёнке данного цвета (или прямо на печатной форме в случае с CTP).
Например, для получения цвета «PANTONE 7526» следует смешать 9 частей голубой краски, 83 частей пурпурной краски, 100 — жёлтой краски, и 46 — чёрной. Это можно обозначить следующим образом: (9,83,100,46). Иногда пользуются такими обозначениями: C9M83Y100K46, или (9%, 83%, 100%, 46%), или (0,09/0,83/1,0/0,46).
HSB / HSV
HSB (также известна как HSV) похожа на HSL, но это две разные цветовые модели. Они обе основаны на цилиндрической геометрии, но HSB/HSV основана на модели «hexcone», в то время как HSL основана на модели «bi-hexcone». Художники часто предпочитают использовать эту модель, принято считать что устройство HSB/HSV ближе к естественному восприятию цветов. В частности, цветовая модель HSB применяется в Adobe Photoshop.
HSB/HSV расшифровывается как Hue (цвет/оттенок), Saturation (насыщенность), Brightness/Value (яркость/значение).
Hue задаёт положение цвета на цветовом круге (от 0 до 360). Saturation является процентным значением насыщенности (от 0% до 100%). Brightness является процентным значением яркости (от 0% до 100%).
Цветовая модель XYZ (CIE 1931 XYZ) является чисто математическим пространством. В отличие от RGB, CMYK, и других моделей, в XYZ основные компоненты являются «мнимыми», то есть вы не можете соотнести X, Y, и Z с каким-либо набором цветов для смешивания. XYZ является мастер-моделью практически всех остальных цветовых моделей, используемых в технических областях.
Цветовая модель LAB (CIELAB, «CIE 1976 L*a*b*») вычисляется из пространства CIE XYZ. При разработке Lab преследовалась цель создания цветового пространства, изменение цвета в котором будет более линейным с точки зрения человеческого восприятия (по сравнению с XYZ), то есть с тем, чтобы одинаковое изменение значений координат цвета в разных областях цветового пространства производило одинаковое ощущение изменения цвета.
Генератор цвета HTML
Генератор цвета отображает значение в hex, через решетку, так и в значение rgb красный, зеленый и синий. Значение фона у лендинга можно записать свойством background-color: #b641b0 либо background-color: rgb(182, 65, 176) и со значением прозрачности background-color: rgba(182, 65, 176, 1). С единицей цвет полностью не прозрачный. При нуле полностью прозрачный фон. Между 1 и 0 полупрозрачные цвета. Такие значения можно указывать и для свойства цвета html color: rgba(182, 65, 176, 1). Четвертая запись цвета html в формате hsv background-color: hsv(303, 64%, 71%). Разберем все четыре формата записи цвета в html подробно.
1). Формат цвета HEX.
Запись цвета в шестнадцатеричной системе через решетку, пример #334455. Цвет раскладывается на три группы с значениями между 00 и FF.
Если каждая группа имеет одинаковые значения, то можно записать кратко #f00 красный цвет.
2). Формат цвета RGB.
Цвет RGB состоит из трех цветов красный R зеленый G и синий B. Путем смешивания этих цветов, получается остальные. Значение каждого цвета задается от 0 до 255.
3). Формат цвета RGBA
Цвет RGBA получается расширением формата rgb с добавлением альфа канала, который отвечает за прозрачность цвета.
4). Формат цвета HSV.
Цвет HSV основан на цилиндрической геометрии и применяется в photoshop.
Генератор цветовой палитры
Цветовые палитры CSS для классных цветовых комбинаций и элементов пользовательского интерфейса
Что такое цветовая палитра?
Цветовая палитра — это набор цветов, которые хорошо сочетаются друг с другом. Цветовые палитры часто используются для создания чего-то с единообразным внешним видом. Цветовые палитры используются дизайнерами логотипов, графическими дизайнерами, иллюстраторами, веб-разработчиками и другими художниками. Хорошая цветовая палитра является основой профессионального визуального дизайна.
Как сделать цветовую палитру?
Цветовая палитра часто оформляется вручную. Часто опытный дизайнер или художник выбирает цвета, которые хорошо сочетаются. За годы работы с разными цветами у них есть опыт, чтобы узнать, какие цвета хорошо сочетаются друг с другом и эстетически приятны. Тем не менее, выбор хорошей цветовой палитры может быть трудным. К счастью, компьютерные алгоритмы могут помочь с этим.
Автоматически генерировать цветовые палитры
Этот генератор цветовой палитры автоматически выбирает цвета, которые хорошо смотрятся вместе. Наш генератор цветовой палитры использует алгоритмы цветовой палитры нашего производителя логотипов My Brand New Logo, который автоматически создает красивые и хорошо сбалансированные цветовые палитры. За кулисами скрывается множество исследований цвета, и все палитры полностью созданы компьютером.
Использование цветовой палитры
Когда вы видите цветовую палитру, которая вам нравится, вы можете использовать эти цвета в ваших собственных проектах графического дизайна. Просто нажмите на отдельный цвет, чтобы скопировать шестнадцатеричный код цвета в буфер обмена. Или, если вы хотите использовать полную цветовую палитру в своих веб-проектах, вы можете скопировать и вставить все цвета, нажав скопировать код CSS *.
Советы по дизайну цветовой палитры
Хорошая цветовая палитра имеет хороший контраст, визуально приятна и содержит воспринимаемые разные цвета. Наши алгоритмы стараются изо всех сил придерживаться этих дизайнерских качеств. Если вы хотите больше узнать о цветах, особенно о дизайне логотипов, мы разработали для вас несколько рекомендаций:
Скопируйте код CSS
Используйте этот код CSS в своем веб-проекте, чтобы получить цветовую палитру:
Random Color Generator
Quickly generate one or multiple random colors in HEX, RGB, RGBA or HSL format.
Color Generator
Color Generator is an online tool to generate a random color or set of random colors in HEX, RGB(A) or HSL color code format. You can generate up to a list of 100 random colors each time.
Show love & support and help us to build more free online tools.
Settings
Random colors
Click or tap on the color to copy the color code to your clipboard.
How to generate a random color?
You can generate a random color in the following steps:
We are using the world’s #1 Marketing Tool to grow our website & Social Media. Trusted by over 5.000.000 marketers worldwide! Get our special offer and activate FREE your trial today.
What is Random Color Generator?
Random Color Generator is an online tool where you can generate one or a list of random colors in different color code formats: HEX, RGB(A) and HSL colors.
It’s never been so easy to generate a random color of different color formats, select the color type: HEX, RGB, RGBA and HSL and press the «generate random color» button. The color generator can be extreme useful for designers who want inspiration or for developer for using a test color. Advertisement
Random Hex Code Color Generator
A Hex Code Color is a color from hexadecimal values. A Hex Code Color starts with a # followed by six hexadecimal values. The 6 hex values are 3 pairs which represent the values red, green, blue. Hex Code Color is used a lot on websites and in designs.
When are you using a Hex Code Color generator?
Random RGB Color Generator
RGB stands for Red, Green and Blue. The numbers is RGB are going from 0 to 255 for each value and define the intensity of the color. rgb(0,0,0) is the color black and rgb(255,255,255) is the color white.
Do you prefer a RGB color generator or HEX color generator?
Random RGBA Color Generator
RGBA stands for Red, Green, Blue and Alpha which is working the same as RGB colors only the alpha is the opacity of the color which can be a value between 0 and 1. If using the value 0 for the alpha it will be transparent and with the value 1 there is no transparency and represents the full color.
In which cases are you using a Random RGBA color generator? Advertisement
Random HSL Color Generator
HSL stands for hue, saturation, and lightness. The Hue stands for the color and can be a value from 0 to 360. The Saturation is the grayscale of the color in percentage from 0% to 100% from black to white. Lightness is a percentage from 0% to 100% from black to white.
Which other color generators would you like to see besides the HSL color generator?
Frequently Asked Questions
You can find answers of frequently asked questions about our tool in the list below. Is your specific question not in the list? Please send us a message via Facebook or Instagram.
There are 16,777,216 color combinations available using the HEX color code notation. A hex color code starts with a # followed by 6 digits. Each digit can include the following one of the following 16 numbers of letters: «0123456789ABCDEF». The total possible colors will be calculated like 16 ^ 6 = 16,777,216 colors.
We support the following color formats: HEX, RGB, RGBA and HSL. Do you want another color generator? Please send us a message.