Цвета

Последнее обновление 25 апр. 2024 г.

Узнайте, как использовать палитру цветов для вашего сайта Dreamweaver.

Безопасные веб-цвета

В HTML цвета выражаются либо в виде шестнадцатеричных значений (например, #FF0000), либо в виде английских названий цветов (red — красный). Безопасным цветом Веб называется такой цвет, который отображается одинаково в браузерах Safari и Microsoft Internet Explorer на системах Windows и Macintosh при 256‑цветовом режиме. Условно определены 216 стандартных цветов, и значение веб-цвета в шестнадцатеричном формате представляет собой комбинацию пар 00, 33, 66, 99, CC или FF (RGB-значения: 0, 51, 102, 153, 204 и 255 соответственно).

При тестировании, однако, обнаружилось, что веб-цветов всего 212, а не 216, так как Internet Explorer под Windows некорректно отображает цвета #0033FF (0,51,255), #3300FF (51,0,255), #00FF33 (0,255,51) и #33FF00 (51,255,0).

Во времена первых веб-браузеров на большинстве компьютеров отображались только 256 цветов (восьмибитных, по 8 бит на канал). Сегодня большинство компьютеров отображают тысячи или миллионы цветов (16- и 32-битных), поэтому причина для использования только безопасной палитры в значительной мере исчезла, если сайт разрабатывается для пользователей современных компьютерных систем.

Одной из причин для использования палитры веб-цветов является разработка материалов для альтернативных веб-устройств, например экранов КПК или мобильных телефонов. Многие из этих устройств поддерживают только черно-белое изображение (1-битное) или изображение из 256 цветов (8-битное).

В палитрах Dreamweaver «Цветовые кубики» (по умолчанию) и «Непрерывная шкала» используется 216-цветная веб-палитра; при выборе цвета из этих палитр отображается его шестнадцатеричное значение.

Чтобы выбрать цвет вне веб-палитры, откройте системную палитру цветов, нажав кнопку «Колесо цветов» в правом верхнем углу инструмента выбора цвета в Dreamweaver. Системная палитра цветов не ограничена веб-цветами.

В UNIX-версиях браузеров используется цветовая палитра, отличная от Windows и Macintosh. При разработке исключительно для UNIX-браузеров (или если целевой аудиторией являются пользователи Windows или Macintosh с 24-разрядными мониторами и пользователи UNIX с 8-разрядными мониторами) рекомендуется использовать шестнадцатеричные значения — комбинации пар 00, 40, 80, BF и FF, соответствующие веб-цветам для SunOS.

Использование палитры цветов

В Dreamweaver многие диалоговые окна, а также инспектор свойств для многих элементов страницы содержат цветовой блок, который открывает палитру цветов. Используйте палитру цветов для выбора цвета элемента страницы. Вы также можете задать цвет текста по умолчанию для элементов страницы.

Нажмите цветовой блок в любом диалоговом окне или в инспекторе свойств.

Появится палитра цветов.

Выполните одно из следующих действий.
  • С помощью пипетки выберите образец цвета из палитры. Все цвета в палитрах «Цветовые кубики» (по умолчанию) и «Непрерывная шкала» являются веб-цветами; для других палитр это не так.

  • С помощью пипетки подберите цвет из любого места экрана, даже вне окон Dreamweaver. Чтобы подобрать цвет с экрана или из другого приложения, нажмите и удерживайте кнопку мыши (это удержит фокус на пипетке) и выберите цвет за пределами Dreamweaver. Если щелкнуть на экране или в другом приложении, Dreamweaver подберет цвет из точки, где был произведен щелчок. Однако, если переключиться на другое приложение, для продолжения работы в Dreamweaver может понадобиться щелкнуть окно Dreamweaver.

  • Чтобы выбрать одну из разных цветовых моделей, нажмите «Hex», «RGBa» или «HSLa» в нижней части диалогового окна «Палитра цветов».

  • Чтобы очистить текущий цвет, не выбирая другой, нажмите кнопку «Цвет по умолчанию» .