html的hsl形式的颜色选择器,HSL Color Picker

HSLColorPicker是一款强大的颜色工作台,用于生成和分析颜色。它支持七种颜色对比:明暗对比、色调对比、饱和度对比、冷暖对比、互补色对比、比例对比和同时对比。此工具特别适合网页设计师,可以快速获取颜色代码,并生成CSS3兼容的颜色代码。使用方法包括全屏模式、鼠标和键盘操作等,帮助用户轻松选取和保存颜色。
摘要由CSDN通过智能技术生成

HSL Color Picker

0d71106a69853fbcdd8e52b6ea627fdc.gif

The HSL Color Picker is a simple, yet effective color workbench to

generate color output and also to import colors for analysis

and comparison. It has all the features you need for experimenting

with the seven color contrasts in mind.

The contrast of light and dark (luminance value), of

hue (hue value), of saturation (saturation value & grayscale

equivalent of luminance), of warm and cold (is the red or the blue value dominant?),

of complementary colors (opposite side of the color wheel),

of proportion (visual weight formed by the combination

of hue and luminance) and of simultanious color (e.g. thin

red and yellow lines form the impression of orange).

With the HSL Color Picker you can quickly get the color codes

from colors you'd like to use in other websites or desktop applications.

The CSS output is an add-on for web designers who want to generate

color codes for html documents with the possibility to take

advantage of the new CSS3 color notation (RGB(a), HSL(a)).

How to use

Tip: change to fullscreen display mode in your browser

(usually press [F11]-key). The layout adapts to your screen ...

In general, use your mouse for graphical elements

and your keyboard (type, copy & paste) for input fields.

Double-click in an input field to select its

contents. Triple-click in the #HEX and the

CSS output fields to select their contents.

Click once on the large preview square to save

a color to the clipboard.

Click once on a clipboard selector to activate

a different container.

Double-click on a clipboard selector to reset

the color value of its container.

Color Picking:

It's recommended to use the sequence - hue - lightness

- saturation - for color picking.

For a new color it's recommended to begin with a

saturation value of 100% but bear in mind that a

"natural" looking color rarely has a

saturation value of 100%.

Saving the Clipboard Colors:

Click on the permalink by which you'll extend the URL of

your browser's address bar with the color codes of your

current clipboard colors. Then bookmark this page like

you do with any other page.

Link to this page:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值