Бормотухи.НЕТ - Показать сообщение отдельно - Статья Статьи и рекомендации для сайтостроительства.

Ghost · 07.01.2010, 13:42 **Вверх**

Коды цвета.

Для написания сайта своими силами,да и не только кто пишет код но и тем кто использует cms все же необходимо знать что цвет прописываеться шестьнадцать буквено-цифровыми командами. Это нужно знать допустим для изменения цветовой гаммы фона шаблона в css,да и нетолько. Хотя конечно можно прописывать и просто название цвета ,например black,red- все же считаю что лучше писать кодом так как машины их лучше понимают.
Есть много прог которые автомотически определяют цвет и выдают код. Вот пример когда можно онлайн определить код цвета -определи цвет.
000000 000000 6
Безопасная палитра включает 216 цветов. Безопасные цвета всегда отображаются одинаково, независимо от возможностей цветоотображения и разрешения монитора, с которого просматривается изображение, ОС и браузера. Цвет является безопасным в том случае, если все шестнадцатеричные значения совпадают с 00, 33, 66, 99, СС, FF, например: FF9900

Для тех кто хочет создать такй определитель цветов ,который будет открываться в браузере .то берем блокнот вставляем код и сохранаям как html,в кодировке utf-8

Код:

<html> 
 <head> 
 <title>uWebber - таблица цветов html</title> 
  <Style> 
  A:Link{ Color: #000000; Text-decoration: underline} 
  A:Visited{ Color: #000000; Text-decoration: underline} 
  A:Hover{ Color: #000000; Text-decoration: none} 
  td, body {font-family: verdana, arial, helvetica; font-size:11px;}  
  </Style> 
 <!-- HEAD START HERE --> 
 <!-- HEAD END HERE --> 
 </head> 
 <body bgcolor="#EDEDED" text="#000000" link="#000000" topmargin="0" leftmargin="0"> 
 <center> 
 <!-- BODY START HERE --> 
 <center> 
 <a href=http://uwebber.ucoz.com><img src=http://uwebber.ucoz.com/design/Untitled-1.png border= 0></a> 
 <br> 
 </center> 
 <script LANGUAGE="JavaScript"><!-- 

 // create 6-element array 
 var hex = new Array(6) 

 // assign non-dithered descriptors 
 hex[0] = "FF" 
 hex[1] = "CC" 
 hex[2] = "99" 
 hex[3] = "66" 
 hex[4] = "33" 
 hex[5] = "00" 

 // accept triplet string and display as background color 
 function display(triplet) { 
  // set color as background color 
  document.bgColor = '#' + triplet 

  // display the color hexadecimal triplet 
  alert('Цифровой код цвета фона = ' + triplet) 
 } 

 // draw a single table cell based on all descriptors 
 function drawCell(red, green, blue) { 
  // open cell with specified hexadecimal triplet background color 
  document.write('<TD BGCOLOR="#' + red + green + blue + '">') 

  // open a hypertext link with javascript: scheme to call display function 
  document.write('<A HREF="javascript:display(\'' + (red + green + blue) + '\')">') 

  // print transparent image (use any height and width) 
  document.write('<IMG SRC="place.gif" BORDER=0 HEIGHT=12 WIDTH=12>') 

  // close link tag 
  document.write('</A>') 

  // close table cell 
  document.write('</TD>') 
 } 

 // draw table row based on red and blue descriptors 
 function drawRow(red, blue) { 
  // open table row 
  document.write('<TR>') 

  // loop through all non-dithered color descripters as green hex 
  for (var i = 0; i < 6; ++i) { 
  drawCell(red, hex[i], blue) 
  } 

  // close current table row 
  document.write('</TR>') 
 } 

 // draw table for one of six color cube panels 
 function drawTable(blue) { 
  // open table (one of six cube panels) 
  document.write('<TABLE CELLPADDING=0 CELLSPACING=0 BORDER=0>') 

  // loop through all non-dithered color descripters as red hex 
  for (var i = 0; i < 6; ++i) { 
  drawRow(hex[i], blue) 
  } 

  // close current table 
  document.write('</TABLE>')  
 } 

 // draw all cube panels inside table cells 
 function drawCube() { 
  // open table 
  document.write('<TABLE CELLPADDING=5 CELLSPACING=0 BORDER=1><TR>') 

  // loop through all non-dithered color descripters as blue hex 
  for (var i = 0; i < 6; ++i) { 
  // open table cell with white background color 
  document.write('<TD BGCOLOR="#FFFFFF">') 

  // call function to create cube panel with hex[i] blue hex 
  drawTable(hex[i]) 

  // close current table cell 
  document.write('</TD>') 
  } 

  // close table row and table 
  document.write('</TR></TABLE>') 
 } 

 // call function to begin execution 
 drawCube() 

 // --></script> 
 <!-- BODY END HERE --> 
 <br> 
 </body> 
 </html>

Очень маленькая прога которая определит код цвета прям с экрана монитора подведя курсор на определный участок с нужным цветом. Скачать прогу.