찾다
웹 프론트엔드JS 튜토리얼js_javascript 기술로 구현된 웹 페이지 색상 코드 테이블의 전체 모음

nbsp;HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

网页颜色代码全集




<script> <BR>var SelRGB = ''; <BR>var DrRGB = ''; <BR>var SelGRAY = '120'; <br><br>var hexch = new Array('0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F'); <br><br>function ToHex(n) <BR>{ var h, l; <br><br> n = Math.round(n); <BR> l = n % 16; <BR> h = Math.floor((n / 16)) % 16; <BR> return (hexch[h] + hexch[l]); <BR>} <br><br>function DoColor(c, l) <BR>{ var r, g, b; <br><br> r = '0x' + c.substring(1, 3); <BR> g = '0x' + c.substring(3, 5); <BR> b = '0x' + c.substring(5, 7); <br><br> if(l > 120) <BR> { <BR> l = l - 120; <br><br> r = (r * (120 - l) + 255 * l) / 120; <BR> g = (g * (120 - l) + 255 * l) / 120; <BR> b = (b * (120 - l) + 255 * l) / 120; <BR> }else <BR> { <BR> r = (r * l) / 120; <BR> g = (g * l) / 120; <BR> b = (b * l) / 120; <BR> } <br><br> return '#' + ToHex(r) + ToHex(g) + ToHex(b); <BR>} <br><br>function EndColor() <BR>{ var i; <br><br> if(DrRGB != SelRGB) <BR> { <BR> DrRGB = SelRGB; <BR> for(i = 0; i <= 30; i ++) <BR> GrayTable.rows(i).bgColor = DoColor(SelRGB, 240 - i * 8); <BR> } <br><br> SelColor.value = DoColor(RGB.innerText, GRAY.innerText); <BR> ShowColor.bgColor = SelColor.value; <BR>} <BR></script>

<script> <BR> SelRGB = event.srcElement.bgColor; <BR> EndColor(); <BR></script>

<script> <BR> RGB.innerText = event.srcElement.bgColor; <BR> EndColor(); <BR></script>

<script> <BR> RGB.innerText = SelRGB; <BR> EndColor(); <BR></script>

<script> <BR> SelGRAY = event.srcElement.title; <BR> EndColor(); <BR></script>

<script> <BR> GRAY.innerText = event.srcElement.title; <BR> EndColor(); <BR></script>

<script> <BR> GRAY.innerText = SelGRAY; <BR> EndColor(); <BR></script>

<script> <BR> window.returnValue = SelColor.value; <BR> window.close(); <BR></script>



  

 


  

找字网网页颜色代
码选择器



border=0>
  
  
    
    
  
    
    
  
    
 
      
        
        
              
          
          
颜色值 
                 
                 
          
 
                        width=40 border=0>
              
              
                
                bgColor=#ffffff> 

              border=0><script> <BR>function hexit(which) <BR>hexit=hex(which) <BR>end function <BR></script>

        <script> <BR>for(i=0;i<=15;++i) <BR>{document.write('<tr><td align="center">'+ hexit(0+i*17) +'<td id="tdleft' + i +'" bgcolor="rgb('+ (0+i*17) + ',0,0)" <BR>width="15" height="15" onclick="changeright(this.num)" onmouseover="showcolor(this)">') <BR> document.all['tdleft' + i].num=i <BR>} <BR></script>

        

      border=0>
        <script> <BR>document.write('<tr><td>') <BR>for(i=0;i<=15;++i) <BR>{document.write('<td align="center">'+ hexit(0+i*17) +'')} <BR>document.write('') <br><br>for(i=0;i<=15;++i) <BR>{document.write('<tr>') <BR> document.write('<td align="center">'+ hexit(0+i*17) +'') <BR> for(j=0;j<=15;++j) <BR> {document.write('<td id="tdrightr' + i + 'c' + j +'" bgcolor="rgb(0,'+ (0+i*17) + ',' + (0+j*17) + ')" width="15" <BR>height="15" onmouseover="showcolor(this)" onclick="clickright(this)">')} <BR> document.write('') <BR>} <br><br></script>

        
      height=20>·可选16*16*16种颜色。
·单击左边的颜色会得到更多的颜色。
·单击右边的颜色会固定选取的颜色。 
      
·输入框可以自定义颜色。

<script> <BR>function selectchg(which) <BR>{switch(which) <BR> {case '1' :leftR();break; <BR> case '2' :leftG();break; <BR> case '3' :leftB();break; <BR> case '4' :leftA();break; <BR> } <BR>} <BR>function leftR() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ',0,0)'} <BR> rightR(0) <BR>} <BR>function leftG() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,'+ (0+i*17) + ',0)'} <BR> rightG(0) <BR>} <BR>function leftB() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb(0,0,'+ (0+i*17) + ')'} <BR> rightB(0) <BR>} <BR>function leftA() <BR>{for(i=0;i<=15;++i) <BR> {document.all['tdleft'+i].bgColor='rgb('+ (0+i*17) + ','+ (0+i*17) + ','+ (0+i*17) + ')'} <BR> rightA() <BR>} <BR>function rightR(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+which*17) + ',' + (0+i*17) + ','+ (0+j*17) + ')'} <BR> } <BR>} <BR>function rightG(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ',' + (0+which*17) + ',' + (0+j*17) + ')'} <BR> } <BR>} <BR>function rightB(which) <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*17) + ','+ (0+j*17)+ ',' + (0+which*17) + ')'} <BR> } <BR>} <BR>function rightA() <BR>{for(i=0;i<=15;++i) <BR> {for(j=0;j<=15;++j) <BR> {document.all['tdrightr' + i + 'c' + j].bgColor='rgb(' + (0+i*16+j) + ','+ (0+i*16+j)+ ',' + (0+i*16+j) + ')'} <BR> } <BR>} <BR>var rightclicked=false <BR>function clickright(which) <BR>{if(rightclicked){rightclicked=false;showcolor(which)}else{rightclicked=true} <BR>} <BR>function changeright(which) <BR>{switch(select1.value) <BR> {case '1' :rightR(which);break; <BR> case '2' :rightG(which);break; <BR> case '3' :rightB(which);break; <BR> } <BR>} <BR>function showcolor(which) <BR>{if(rightclicked)return; <BR> text1.value=which.bgColor <BR> choosecolor() <BR>} <BR>function choosecolor() <BR>{customcolor.bgColor=text1.value <BR>} <BR></script>


  



  

网页颜色代码对照表





  
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
    
  
    
    
    
    
    
    
    
     #9400D3
    
#9370DB

#919191
  

#912CEE

#90EE90
    
#8FBC8F

#8F8F8F
  

#8EE5EE

#8E8E8E    















&
#FFFFFF #FFFFF0 #FFFFE0 #FFFF00
#FFFAFA #FFFAF0 #FFFACD #FFF8DC
#FFF68F #FFF5EE #FFF0F5 #FFEFDB
#FFEFD5 #FFEC8B #FFEBCD #FFE7BA
#FFE4E1 #FFE4C4 #FFE4B5 #FFE1FF
#FFDEAD #FFDAB9 #FFD700 #FFD39B
#FFC1C1 #FFC125 #FFC0CB #FFBBFF
#FFB90F #FFB6C1 #FFB5C5 #FFAEB9
#FFA54F #FFA500 #FFA07A #FF8C69
#FF8C00 #FF83FA #FF82AB #FF8247
#FF7F50 #FF7F24 #FF7F00 #FF7256
#FF6EB4 #FF6A6A #FF69B4 #FF6347
#FF4500 #FF4040 #FF3E96 #FF34B3
#FF3030 #FF1493 #FF00FF #FF0000
#FDF5E6 #FCFCFC #FAFAFA #FAFAD2
#FAF0E6 #FAEBD7 #FA8072 #F8F8FF
#F7F7F7 #F5FFFA #F5F5F5 #F5F5DC
#F5DEB3 #F4F4F4 #F4A460 #F2F2F2
#F0FFFF #F0FFF0 #F0F8FF #F0F0F0
#F0E68C #F08080 #EEEEE0 #EEEED1
#EEEE00 #EEE9E9 #EEE9BF #EEE8CD
#EEE8AA #EEE685 #EEE5DE #EEE0E5
#EEDFCC #EEDC82 #EED8AE #EED5D2
#EED5B7 #EED2EE #EECFA1 #EECBAD
#EEC900 #EEC591 #EEB4B4 #EEB422
#EEAEEE #EEAD0E #EEA9B8 #EEA2AD
#EE9A49 #EE9A00 #EE9572 #EE82EE
#EE8262 #EE7AE9 #EE799F #EE7942
#EE7621 #EE7600 #EE6AA7 #EE6A50
#EE6363 #EE5C42 #EE4000 #EE3B3B
#EE3A8C #EE30A7 #EE2C2C #EE1289
#EE00EE #EE0000 #EDEDED #EBEBEB
#EAEAEA #E9967A #E8E8E8 #E6E6FA
#E5E5E5 #E3E3E3 #E0FFFF #E0EEEE
#E0EEE0 #E0E0E0 #E066FF #DEDEDE
#DEB887 #DDA0DD #DCDCDC #DC143C
#DBDBDB #DB7093 #DAA520 #DA70D6
#D9D9D9 #D8BFD8 #D6D6D6 #D4D4D4
#D3D3D3 #D2B48C #D2691E #D1EEEE
#D1D1D1 #D15FEE #D02090 #CFCFCF
#CDCDC1 #CDCDB4 #CDCD00 #CDC9C9
#CDC9A5 #CDC8B1 #CDC673 #CDC5BF
#CDC1C5 #CDC0B0 #CDBE70 #CDBA96
#CDB7B5 #CDB79E #CDB5CD #CDB38B
#CDAF95 #CDAD00 #CDAA7D #CD9B9B
#CD9B1D #CD96CD #CD950C #CD919E
#CD8C95 #CD853F #CD8500 #CD8162
#CD7054 #CD69C9 #CD6889 #CD6839
#CD661D #CD6600 #CD6090 #CD5C5C
#CD5B45 #CD5555 #CD4F39 #CD3700
#CD3333 #CD3278 #CD2990 #CD2626
#CD1076 #CD00CD #CD0000 #CCCCCC
#CAFF70 #CAE1FF #C9C9C9 #C7C7C7
#C71585 #C6E2FF #C67171 #C5C1AA
#C4C4C4 #C2C2C2 #C1FFC1 #C1CDCD
#C1CDC1 #C1C1C1 #C0FF3E #BFEFFF
#BFBFBF #BF3EFF #BEBEBE #BDBDBD
#BDB76B #BCEE68 #BCD2EE #BC8F8F
#BBFFFF #BABABA #BA55D3 #B9D3EE
#B8B8B8 #B8860B #B7B7B7 #B5B5B5
#B4EEB4 #B4CDCD #B452CD #B3EE3A
#B3B3B3 #B2DFEE #B23AEE #B22222
#B0E2FF #B0E0E6 #B0C4DE #B0B0B0
#B03060 #AEEEEE #ADFF2F #ADD8E6
#ADADAD #ABABAB #AB82FF #AAAAAA
#A9A9A9 #A8A8A8 #A6A6A6 #A52A2A
#A4D3EE #A3A3A3 #A2CD5A #A2B5CD
#A1A1A1 #A0522D #A020F0 #9FB6CD
#9F79EE #9E9E9E #9C9C9C #9BCD9B
#9B30FF #9AFF9A #9ACD32 #9AC0CD
#9A32CD #999999 #9932CC #98FB98
#98F5FF #97FFFF #96CDCD
                                  
                                  
#8e8e38 #8deeee #8db6cd
#8c8c8c #8B8B83
성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
JavaScript 엔진 : 구현 비교JavaScript 엔진 : 구현 비교Apr 13, 2025 am 12:05 AM

각각의 엔진의 구현 원리 및 최적화 전략이 다르기 때문에 JavaScript 엔진은 JavaScript 코드를 구문 분석하고 실행할 때 다른 영향을 미칩니다. 1. 어휘 분석 : 소스 코드를 어휘 단위로 변환합니다. 2. 문법 분석 : 추상 구문 트리를 생성합니다. 3. 최적화 및 컴파일 : JIT 컴파일러를 통해 기계 코드를 생성합니다. 4. 실행 : 기계 코드를 실행하십시오. V8 엔진은 즉각적인 컴파일 및 숨겨진 클래스를 통해 최적화하여 Spidermonkey는 유형 추론 시스템을 사용하여 동일한 코드에서 성능이 다른 성능을 제공합니다.

브라우저 너머 : 실제 세계의 JavaScript브라우저 너머 : 실제 세계의 JavaScriptApr 12, 2025 am 12:06 AM

실제 세계에서 JavaScript의 응용 프로그램에는 서버 측 프로그래밍, 모바일 애플리케이션 개발 및 사물 인터넷 제어가 포함됩니다. 1. 서버 측 프로그래밍은 Node.js를 통해 실현되며 동시 요청 처리에 적합합니다. 2. 모바일 애플리케이션 개발은 재교육을 통해 수행되며 크로스 플랫폼 배포를 지원합니다. 3. Johnny-Five 라이브러리를 통한 IoT 장치 제어에 사용되며 하드웨어 상호 작용에 적합합니다.

Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Next.js (백엔드 통합)로 멀티 테넌트 SAAS 애플리케이션 구축Apr 11, 2025 am 08:23 AM

일상적인 기술 도구를 사용하여 기능적 다중 테넌트 SaaS 응용 프로그램 (Edtech 앱)을 구축했으며 동일한 작업을 수행 할 수 있습니다. 먼저, 다중 테넌트 SaaS 응용 프로그램은 무엇입니까? 멀티 테넌트 SAAS 응용 프로그램은 노래에서 여러 고객에게 서비스를 제공 할 수 있습니다.

Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Next.js (Frontend Integration)를 사용하여 멀티 테넌트 SaaS 응용 프로그램을 구축하는 방법Apr 11, 2025 am 08:22 AM

이 기사에서는 Contrim에 의해 확보 된 백엔드와의 프론트 엔드 통합을 보여 주며 Next.js를 사용하여 기능적인 Edtech SaaS 응용 프로그램을 구축합니다. Frontend는 UI 가시성을 제어하기 위해 사용자 권한을 가져오고 API가 역할 기반을 준수하도록합니다.

JavaScript : 웹 언어의 다양성 탐색JavaScript : 웹 언어의 다양성 탐색Apr 11, 2025 am 12:01 AM

JavaScript는 현대 웹 개발의 핵심 언어이며 다양성과 유연성에 널리 사용됩니다. 1) 프론트 엔드 개발 : DOM 운영 및 최신 프레임 워크 (예 : React, Vue.js, Angular)를 통해 동적 웹 페이지 및 단일 페이지 응용 프로그램을 구축합니다. 2) 서버 측 개발 : Node.js는 비 차단 I/O 모델을 사용하여 높은 동시성 및 실시간 응용 프로그램을 처리합니다. 3) 모바일 및 데스크탑 애플리케이션 개발 : 크로스 플랫폼 개발은 개발 효율을 향상시키기 위해 반응 및 전자를 통해 실현됩니다.

JavaScript의 진화 : 현재 동향과 미래 전망JavaScript의 진화 : 현재 동향과 미래 전망Apr 10, 2025 am 09:33 AM

JavaScript의 최신 트렌드에는 Typescript의 Rise, 현대 프레임 워크 및 라이브러리의 인기 및 WebAssembly의 적용이 포함됩니다. 향후 전망은보다 강력한 유형 시스템, 서버 측 JavaScript 개발, 인공 지능 및 기계 학습의 확장, IoT 및 Edge 컴퓨팅의 잠재력을 포함합니다.

Demystifying JavaScript : 그것이하는 일과 중요한 이유Demystifying JavaScript : 그것이하는 일과 중요한 이유Apr 09, 2025 am 12:07 AM

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

Python 또는 JavaScript가 더 좋습니까?Python 또는 JavaScript가 더 좋습니까?Apr 06, 2025 am 12:14 AM

Python은 데이터 과학 및 기계 학습에 더 적합한 반면 JavaScript는 프론트 엔드 및 풀 스택 개발에 더 적합합니다. 1. Python은 간결한 구문 및 풍부한 라이브러리 생태계로 유명하며 데이터 분석 및 웹 개발에 적합합니다. 2. JavaScript는 프론트 엔드 개발의 핵심입니다. Node.js는 서버 측 프로그래밍을 지원하며 풀 스택 개발에 적합합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전By尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

ZendStudio 13.5.1 맥

ZendStudio 13.5.1 맥

강력한 PHP 통합 개발 환경

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

Atom Editor Mac 버전 다운로드

Atom Editor Mac 버전 다운로드

가장 인기 있는 오픈 소스 편집기