256色里有40种颜色在Macintosh和Windows里显示的效果不一样,所以能安全使用的只有216色。

js生成web安全色-LMLPHP

  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title> web安全色 </title>
  6. <meta name="keywords" content="" />
  7. <meta name="description" content="" />
  8. <style type="text/css">
  9. div{ color:#f60; font:12px/1.5 Georgia;}
  10. </style>
  11. </head>
  12. <body>
  13. <script type="text/javascript">
  14. window.onload = function()
  15. {
  16. var aColor = ['00','33','66','99','CC','FF'];
  17. var iLen = aColor.length;
  18. var i = 0;
  19. var j = 0;
  20. var iWidth = 100;
  21. var iHeight = 18;
  22. var iScreenX = (document.documentElement.clientWidth-iWidth*iLen)/2;
  23. var iScreenY = (document.documentElement.clientHeight-iHeight*iLen*iLen)/2;
  24. for(var r = 0; r < iLen; r++)
  25. {
  26. for(var g = 0; g < iLen; g++)
  27. {
  28. for(var b = 0; b < iLen; b++)
  29. {
  30. var oDiv = document.createElement('div');
  31. oDiv.style.width = iWidth+'px';
  32. oDiv.style.height = iHeight+'px';
  33. oDiv.style.position = 'absolute';
  34. oDiv.style.left = (Math.floor(i/iLen)-Math.floor(i/36)*iLen)*iWidth+iScreenX+'px';
  35. oDiv.style.top = (Math.floor(i/36)*iLen+(i%iLen))*iHeight+iScreenY+'px';
  36. oDiv.innerHTML = oDiv.style.backgroundColor = '#'+aColor[r].toString()+aColor[g].toString()+aColor[b].toString();
  37. document.body.appendChild(oDiv);
  38. i++;
  39. }
  40. };
  41. };
  42. };
  43. </script>
  44. </body>
  45. </html>
05-20 17:44