Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

颜色 色轮


色轮

色轮是一个将颜色以圆形排列的图形,展示了主色、次色和间色之间的关系。

Color Wheel


三个重要的色轮

你能用多少种方法重新排列彩虹?

RGB

Color Scheme

红、绿、蓝

CMY

Color Scheme

青、洋红、黄

RYB

Color Scheme

红、黄、蓝


RGB 色轮

Color Scheme

RGB(红、绿、蓝)色轮代表了用于在电视或电脑屏幕上产生颜色的 3 种光源。

主色是红、绿和蓝。

次色是通过混合主色产生的

红 + 绿 = 黄
绿 + 蓝 = 青
蓝 + 红 = 洋红

RGB 的 12 种主要颜色

红色
#FF0000
(255,0,0)

#FF8000
(255,128,0)
黄色
#FFFF00
(255,255,0)

#80FF00
(128,255,0)
绿色
#00FF00
(0,255,0)

#00FF80
(0,255,128)
青色
#00FFFF
(0,255,255)

#0080FF
(0,128,255)
蓝色
#0000FF
(0,0,255)

#8000FF
(128,0,255)
洋红色
#FF00FF
(255,0,255)

#FF0080
(255,0,128)

RGB 绿色与 HTML 中命名的绿色不同。

RGB 绿色与 HTML 中命名的绿色不同。

了解更多关于 RGB 的信息.



CMY(K) 色轮

Color Scheme

CMY(K)(青、洋红、黄)代表了用于在纸上打印的颜色。

主色是青、洋红和黄。

次色是通过混合主色产生的

青 + 洋红 = 蓝
洋红 + 黄 = 红
黄 + 青 = 绿。

CYM 的 12 种主要颜色

青色
#00FFFF
(0,255,255)

#0080FF
(0,128,255)
蓝色
#0000FF
(0,0,255)

#8000FF
(128,0,255)
洋红色
#FF00FF
(255,0,255)

#FF0080
(255,0,128)
红色
#FF0000
(255,0,0)

#FF8000
(255,128,0)
黄色
#FFFF00
(255,255,0)

#80FF00
(128,255,0)
绿色
#00FF00
(0,255,0)

#00FF80
(0,255,128)

了解更多关于 CMYK 的信息.


RYB 色轮

Color Scheme

RYB(红、黄、蓝)色轮被画家、艺术家和设计师用来混合颜料颜色。

3 种主色是 **红、黄、蓝。**

次色是通过混合主色产生的。

3 种次色是橙色、绿色和紫色。

红 + 黄 = 橙
黄 + 蓝 = 绿
蓝 + 红 = 紫。

间色是通过混合两种次色产生的。

6 种间色是红橙色、黄橙色、黄绿色、蓝绿色、蓝紫色、红紫色

RYB 的 12 种主要颜色

红色
#FE2712
R-O
#FC600A
橙色
#FB9902
Y-O
#FCCC1A
黄色
#FEFE33
Y-G
#B2D732
绿色
#66B032
B-G
#347C98
蓝色
#0247FE
B-P
#4424D6
紫色
#8601AF
R-P
#C21460

RYB 是识别哪些颜色搭配在一起最好的色轮。

RYB 色轮可用于为网页创建令人愉悦的颜色方案。

你将在 颜色方案 的章节中了解更多关于颜色方案的信息。


×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.