Простой HTML редактор цвета (HTML генератор цвета)
Вам предлагается небольшое приложение которое позволит просто редактировать цвет и его HTML код
Этот материал в первую очередь будет интересен начинающему Веб разработчику
Выберите язык с помощью кнопок расположенных вверху
Обновлена английская версия редактоа
В ОС Windows7 приложение работает некорректно.

Simple HTML Color Editor
This small application is proposed for you to allow simply to edit Color and it HTML code
This site in first will be interesting for begining Web designer
Select language by means buttons placed at top
Updated english version of editor!
In the Windows7 OS this application operates incorrectly.

Зачем нужен редактор HTML цвета (HTML генератор цвета)?

Вы решили создать свой сайт? При этом вы сталкиваетесь с необхдимостью выбора цвета для его элементов. Это цвет фона, шрифта, либо цвет окантовки элемента (border-color). Для задания цвета в HTML коде используется так называемая RGB модель. Мы не будем подробно рассматривать способы задания цвета в Web-дизайне. Цель этого сайта представить вспомогательное средство - простой HTML редактор цвета, который позволит Вам упростить работу по разработке сайта. Детальнее о работе с цветом Вы можете прочитать, напрмер, здесь:
  1. Постройка.ру.
  2. Учебник HTML Урок 7: Атрибуты.
  3. Цвета HTML.
В RGB модели каждый цвет может быть представлен как совокупность трех компонент (трех основных цветов): красного (Red), зеленого (Green) и голубого (Blue). Интенсивность каждого из них изменяется в пределах от 0 (черный) до 255 (максиммальная яркость). Она может быть представлена в виде 16-ричного числа, состоящего из двух 16-ричных цифр (0 - 9, A, B, C, D, E, F). А код любого цвета можно представить в виде шести 16-ричных цифр. Каждая пара таких цифр соответствует интенсивности одного из основных цветов. Первая пара слева соответствует интесивности красного цвета, вторая пара - зеленого, а третья - интенсивности голубого. Окончптельно HTML код цвета формируется путем добавления к набору этих цифр слева символа "#". Например, черный цвет будет представлен комбинацией #000000, а белый - #FFFFFF.
Кроме RGB модели, существуют и другие. О них Вы можете прочитать здесь:
  1. HSV (цветовая модель)
  2. Насыщенность (цвет)
  3. HSL
  4. Секреты web-графики
О безопасной палитре Вы можете прочитать здесь Web-дизайн, безопасная палитра, системные цвета. Безопасная палитра состоит из 216 цветов. Безопасные цвета всегда неизменные при переходе от одного браузера к другому или от одной платформы к другой, от одного монитора к другому с их различными возможностями цветоотображения и разрешениями.

Возможен другой способ записи кода цвета, который имеет следующий вид:

rgb(red,green,blue)

где red,green,blue - величины, соответствующие каждому из основных цветов. Обратите вимание, что эти числа могут находится в пределах 0 - 255. Либо они могут быть выражены в процентах, например:
rgb(255,255,0)
rgb(0%,100%,0%). Здесь код каждого цвета соответствует фону, на котором он изображен. Детальнее о таком способе задания цвета Вы можете прочитать на сайте w3schools. Если Вы не имеете достаточного опыта работы с цветом, то Вам необходимо вставить код цвета в соответствующий тэг в редактре, затем переключиться в браузер, чтобы посмотреть результат. Если результат неудовлетворительный, Вы снова переходите в редактор, мнеяете код, далее переходите в браузер и так несколько раз до получения необходимого результата. В интернете Вы можете найти палитры цветов и выбрать нужный. Вам предлагается небольшая прогрмма для редактирования цвета и его кода. Ее возможности описаны в разделе "Возможности приложения", а более детальное описание приведено в "Програмных средствах".

Why HTML color editor is needed?

Did you decide to create own website? In this case you are needed to select colors for it elements. These are background color, font color, outline or border color. To define color in the HTML code the so called RGB model is used. We will not consider in detail how to set color in Web-design. The goal of this site is to propose auxiliary tool. It is simple HTML color editor which will allow you to simplify site design. In detail you may read about work with color, for example here:
  1. W3school. HTML Colors
  2. HTML Colors
  3. HTML color codes and names
In RGB model every color may be presented as set of three components Red, Green and Blue. Value each of them may change in range from 0 (black) to 255 (maximum intensity). This value may be presented as hexadecimal number consisting from two hexadecimal digits (0 - 9, A, B, C, D, E, F). The code of any color may be presented as set of six such digits. Every digits pair in this number corresponds to intensity one of the base colors. The first pair in left side corresponds to red color, second pair is value to green color, and third one corresponds to blue color. Finally the HTML color code is formed by means adding # symbol to left side of this number. For exampl, black color in RGB model is presented as #000000 and white color is #FFFFFF. About other color models you may read here: Color model. About safe HTML colors you may read here:
  1. Wikipedia, Web colors
  2. Web safe color palette
  3. information about browser safe colors
  4. Web Safe Colors
The safe Colors are Color palette consisting of 216 web safe colors that are shown the same on all browsers.
Tere is another format to define color code. It is seen as this:

rgb(red,green,blue)

where red,green,blue are values corresponding for every base colors. Attantion! This values may be in the range 0 - 255. They may be expressed in percentage form, for example,

rgb(255,255,0) rgb(0%,100%,0%). Here every code of color corresponds background on which it is presented. About this manner of color presentation you may read in detail on site w3schools.

In the HTML and CSS 147 color names are defined. The detailed information see in the CSS Color names. These names are listed in the presented application.

If you do not have anough expierence in Web design you may have some difficulties to get HTML color code. You need to insert code into initial file, test result in browser. If result is not satisfied you return into original code and do some changes and test result again. This may repeat sevsral times. In this site the simple application for editting color and it HTML code is presented. It possibilities are described in "Application possibilities" and more detail description is presented in "Program tools".

Возможности редактора HTML цвета (HTML генератоа цвета)

Это приложение упростит Вам получение HTML кода цвета. Оно позволяет задать этот код и увидеть результат. Кроме того, будут показаны RGB соствляющие цвета в десятичном представлении.

Вы можете получить цвет, задавая его RGB составляющие. Для этого можно ввести числа соответствующие их интенсивностям в десятичном представлени в оконых редакторах каждого компонента. Можно также редактировать соответствующие позиции HTML кода в 16-ричном представлении. То же самое можно сделать используя ползунки, перетаскиая их указатели с помощью мыши.

Приложение содержит несколько инструментов, детальное описание которых содержится в разделе "Програмные средства". При изменении параметров цвета в одном инструменте, происходят автоматические изменения в других. В приложени предусмотрена защита от ошибок ввода. Вы не сможете ввести интенсивность, выходящую за допустимые пределы. Кроме того, Вы не сможете ввести недопустимые символы в 16-ричный код. HTML код может быть сохранен в буфере. Это позволяет затем вставить его с помощью комбинации клавиш CTRL V в редактор кода.

Усовершенствована англоязычная версия. В нее, кроме 16-ричного кода цвета, добавлен код в rgb формате. Добавлен список 147 имен цветов, определенных в HTML и CSS. Имена и коды мгут быть сохранены в буфер с помощью отдельных кнопок. Окно редактоа сделано более компактным. Оно может быть размещено поверх всех остальных приложений. Англоязычный редактор перекрывает небольшую часть экрана. Подобрав нужный цвет в цветовом редакторе и, запомнив его код или имя в буфер, этот код можно сразу скопиовать в нужное место текствтго редактора. Это позволит заметно ускорить разработку веб страниц. Цветовой редакто легко с помощь мыши может быть помещен в любое место экрана. Функция расположения поверх всех окон может быть снята.

The possibilities of HTML color editor

This aplication simplifies getting of HTML color code. The Color code may be set in diferent ways. It may be presented in hexadecimal and rgb formats. The 147 color names defined in HTML and CSS are included in this application. Details see here. These colors and they codes are showing.

There are some tools for setting HTML code.

The intensity for each of base color (red, green and blue) may be set by means the track bars or digital editors.

Intensity each base color is showing visually. The resulting color is showing in seperated window.

The code in hexadecimal and rgb formats is showing in seperated editors.

When intensity of base color is changed the HTML color code is changed automatically.

The hexadecimal code variant may be edited. In this case the intensities of base colors are changing automatically.

Code in every format may be saved by means buttons.

The 147 color names are listed in the separated box. Every of these names may be selectsd. In this case this color and it parameters are showing.

The selected color name may be saved in clipboard. Insert the saved code or name in your editor by means CTRL V combination (in Windows).

The application panel is small. It is convinient to place it on top of your editor or browser. This possiblity may be on or off. When panel is placed on the top you may see real color and quickly to edit needed one.

The description of these tools see in "Program tools" section.

Здесь Вы можете более детально ознакомится со средствами HTML редактирования цвета.
Для получения более подробной информации наведите курсор мыши на нужный элемент и нажмите лквую кнопку мыши. Справа от панели HTML редактра цвета появится описание соответствующего элемента.

Здесь дожно быть изображение редактора

Here you may get information about HTML color editor tools in detail.
To get information in detail place the mouse cursor on needed element.
Corresponding element description is appearing righter from HTML color editor panel.

The editor image should be here
Для загрузки HTML редактора цвета нажмите здесь


Если у Вас есть замечания, предложения, вопросы кликните здесь.
To download HTML color editor click please here


If you have any propositions or questions write pease to my e-mail.