Skip to content
This repository has been archived by the owner on Oct 10, 2022. It is now read-only.

czcaiwj/color

Repository files navigation

Color颜值小程序

Color颜值是一个基于色轮配色原理的小程序。通过这一小程序,可以搭配出协调的色彩,令你的配色工作更加轻松。

一、配色广场,提供了中国和日本传统颜色,Adobe Color CC上最受欢迎的配色方案以及自己收藏的配色方案。

二、颜色转换,提供了颜色在RGB、CMYK、LAB、HSB四个色彩空间以及HEX的换算操作,方便在查询色彩分量的同时,参考其他色彩空间的值。

三、配色工具,提供了基于六种颜色关系的配色算法。 1、类比色、相似色:相邻的颜色称为类比色。类比色都拥有相近的颜色,该配色原理根据给定的基准色和角度,计算两个与基准色夹角递增的类比色以及两个与基准色夹角递减的类比色。

1、类比色、相似色:相邻的颜色称为类比色。类比色都拥有相近的颜色,该配色原理根据给定的基准色和角度,计算两个与基准色夹角递增的类比色以及两个与基准色夹角递减的类比色。

2、互补色:在色轮上直线相对的两种颜色称为互补色。补色形成强列的对比效果,传达出活力、能量、兴奋等意义。

3、分裂补色:如果同时用补色及类比色的方法来确定的颜色关系,就称为分裂补色。这种颜色搭配既具有类比色的低对比度的美感,又具有补色的力量感。形成了一种既和谐又有重点的颜色关系。

4、单色:一种色相由暗、中、明三种色调组成。该算法根据基准色的色相,按比例调整配色的亮度和饱和度。

5、渐变:渐变由指定的基准色通过变化一定比例的亮度或饱和度来得到。

6、二次色配比:二次色之间都拥有一种共同的颜色,其中两种拥有相同的蓝色分量,两种拥有相同的绿色分量,两种拥有相同的红色分量。它们轻易能够形成协调的搭配。如果三种二次色同时使用,则显得很舒适、吸引,并具有丰富的色调。它们同时具有的颜色深度及广度。

7、I am Feeling Lucky是在使用者无需考虑配色原理的前提下,随机搭配一种配色算法给出的配色方案。

四、Web颜色,列举了Web标准规范中HTML和CSS定义的标准色和安全色。

扫码体验

小程序码

小程序截图

Color颜值 配色广场 中国传统色彩 日本传统色彩 Adobe配色方案 Web颜色 色彩工具 互补色配色 颜色转换

谢谢!