css生成器中使用的hsla颜色命名系统

Glueball-hsla的Python项目详细描述


##html


的hsl a颜色使用css3引入hsl(a)颜色值。自2011年初以来,这些浏览器就支持跨浏览器
,但使用有限。

可能是因为现有的"ff1ab3"十六进制颜色提供了相同的调色板,并且始终支持跨浏览器
。有了对hsl a的通用浏览器支持,
挑战这一点的时间已经到了。

这个库提供了一个选择器命名系统和一个python hsla类来管理css生成器中使用的颜色。



+十六进制颜色不提供不透明度,需要部分切换到rgba或hsla
颜色(这可能会随css4规格的变化而变化)。
+图形设计师习惯于使用hsla,因为它是草图等应用中的颜色选择器。
+它使颜色的推理变得更容易:较低的亮度意味着较深的颜色;
较高的饱和度意味着更鲜艳。

它也为更均匀打开了大门,颜色选择器的扩展且明确的命名。现有的"语义"方法在大多数情况下都不能很好地工作,
给设计器提供非描述性类名,如"color secondary"或"bastardly
描述为"color primary darder"。描述性解决方案通常局限于
范围("最深的蓝色"我们是否也需要最深的蓝色?*)不能给出一个恰当的表示(`near white`*有多近?*)

不太清楚或"人性化"
要找出色调30应该代表什么。剧透者:这是一种橙色的色调。


注意事项如下:

+色阶上每10步有一个指定的色调,结果是36个色调;
+当色调与HTML颜色匹配,饱和度为100%,亮度为50%时,
HTML颜色用于色调(0:`red`,60`yellow`,120:`lime`,180:`cyan`,240:`blue`
&300`magenta`)
+对于其他名称,避免使用html颜色名称,以防止歧义和混淆。
+所有其他名称都是单个单词,不包含其他颜色名称,同样要明确(没有"矢车菊蓝")
+选择名称被广泛认可和记住,通常是矿物、植物等的颜色。


下面是创建的方法:
+深橙色/红色
+静音和浅紫色/蓝色
+不透明度为60%的黑色:

``python
来自HSLA import hsla

color2=hsla('majorelle',40,80)
color3=hsla('black',,alpha=60)
```
假设我们想使用我们创建的用于生成css选择器和值的颜色。

`` python
` hsl表示与alpha=100
print(color1)
hsl(10,100%,18%)'

color1.suffix
scarlet-18'

print(color2)
hsl(250,40%,80%)

color2.后缀
"majorelle40-80"


打印(color3)
"hsla(0,0,0,0.6)"


color3.后缀
"black-60a"
```

注意,对于选择器,饱和度值直接附加到色调上。
用连字符表示亮度和α值,后者的后缀是"A"。除色调之外的所有
值都是可选的。它们默认为:

+`100'表示饱和度(`0'表示黑色、白色和灰色)
+`50'表示亮度(`0'表示黑色,`100'表示白色和灰色介于两者之间)
+`100'表示α

a]`

下面的ode使用色调、饱和度和亮度的catesian积来快速生成颜色调色板。请记住,此方法与值计数呈指数关系,
因此您可能最终生成许多颜色。

`` python
colors=[hsla(*hsl)for hsl in itertools.product(list(hues)[::3],(100,60),(92,70,50,25))]
```

请注意,我们从色调字典的键(=12)**x**
2个饱和度值**x**4个亮度中取第三个值,得到96种颜色和色调的调色板。我们可能还希望在多亮度中生成灰色,在不同的不透明性中生成黑白:

``python
5)]

+灰色+黑白

palet[51]。后缀
cobalt60-70
````



为您的项目单独创建颜色同样简单,或者您可以
完全放弃HSLA类,只使用该方法在整个项目中创建一致且可读的名称。

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
CentOS上的java Spring Boot简易应用程序需要很长时间才能启动   java如何检查字符串值是否等于null?   收集器中的java映射值。分组方式()   java需要支持Azure AD B2C webapp集成   java如何加入线程以停止它?   java如何使用意图传递类的对象?   java如何在战争环境中发现CDI生产者?   多模块项目中java奇怪的编译器行为   java如何在web应用程序中管理密码?   java从http服务器、filehandler中删除冗余代码   java使用反射来获取泛型类的字段   java Spring MVC/Hibernate/MySQL 400错误请求错误   给定正整数a的java幂为3   在Java中将元素拆分为不同数量的列表?   java展开折叠窗格