Loading...
使用十六进制颜色选择器
我们的颜色选择器可以让你从数百万种可用颜色中进行选择,并获得十六进制代码(或RGB、HSL、HSV以及OKLCH等代码,稍后会详细介绍)。只需点击并拖动光标到颜色空间,或输入一个颜色代码,即可查看不同的调色板选项。
十六进制颜色代码有多少种?
共有16,777,216种可能的十六进制颜色代码。这些代码使用六位数字的十六进制格式(#RRGGBB),每对数字代表从00到FF(十进制的0到255)的数值。通过红、绿、蓝三个颜色通道各256种可能数值相乘,我们得到256×256×256=16,777,216(或256³)种独特组合。
色彩的阴影、色调和色度
色彩的阴影、色调和色度是细化和扩展颜色调色板的重要概念。通过调整基础颜色的明暗、亮度或强度,可以创造出和谐的配色方案,并用于界面和网页设计。
![Color Wheel: Color Shades, Tints and Tones (Small) [en]](https://colorcodes.imgix.net/oB2atXEy8CTCUn09kT8Xp/0edc8cba4b66d5cecf0151c3dce00647/html-color-codes-color-wheel-shades-tints-tones--small.png?w=3840&q=60&auto=format,compress)
颜色阴影
阴影是通过在基础颜色中加入黑色而产生的颜色,使原色变得更暗。阴影增加了设计的深度和对比度,通常用来赋予视觉重量或建立设计中的视觉层次。
颜色色调
色调通过在基础颜色中加入白色而形成,产生原色更明亮、更柔和的版本。色调有助于建立视觉平衡、柔化整体美感,常用于背景和边框,或与阴影搭配使用。
颜色色度
色度是通过在基础颜色中加入灰色(黑白的混合)而形成的,这种操作会降低颜色的强度和饱和度。色度适合用于创建精致、微妙的配色方案,带来和谐与平衡感。
色彩和谐
色彩和谐是根据颜色在色轮上的关系所选定的颜色组合。这些组合能产生令人愉悦且平衡的视觉效果,非常适合作为品牌配色的起点。常见的色彩和谐类型包括互补色、邻近色、三原色和四方色组合。
色彩空间
色彩空间描述了以数字或印刷方式组织、混合和表现颜色的不同方法。每个色彩空间都有独特的结构和用途,帮助设计师在各种设备、媒体和使用情境下精确选择和管理颜色。
红、绿、蓝 (RGB)
RGB色彩空间主要用于数字屏幕和显示器,通过混合不同强度的红色(R)、绿色(G)和蓝色(B)光线产生丰富的颜色范围。每个颜色通道的数值范围为0到255,可以精确地在屏幕上指定颜色。
色相、饱和度、亮度 (HSL)
HSL用色相(颜色类型)、饱和度(颜色强度)和亮度(颜色明暗)来表示颜色。这种直观的模型使设计师更容易选择和谐的调色板,系统地调整颜色,以及完善网页和平面设计的视觉美感。
OKLCH(OKLab)
OKLCH源自OKLab,是一种现代的、感知均匀的色彩空间,设计目的在于与人类视觉感知更加贴合。它以亮度(感知亮度)、色度(颜色的鲜艳程度)和色相(颜色类型)组织颜色,非常适合在不同设备上进行精确且视觉一致的颜色选择。
青色、品红色、黄色和黑色 (CMYK)
CMYK是一种主要用于印刷的减色模式。它通过混合青色、品红色、黄色和黑色油墨来在物理媒体上呈现颜色。了解CMYK对于确保印刷品颜色的准确再现至关重要。
十六进制代码 (Hexadecimal Codes)
十六进制代码是广泛使用的颜色标识符,它以六位数字的简短格式(#RRGGBB)表示RGB颜色值。这些代码在网页和数字设计中非常常见,可轻松一致地指定和传达准确的颜色。
十六进制代码是如何工作的?
十六进制代码使用基于16进制的数字系统表示红、绿、蓝颜色的强度。每个颜色通道由两个字符表示,范围从“00”(无强度)到“FF”(最大强度),组合起来可表示超过1670万种独特颜色。
十六进制与RGB的转换
由于十六进制代码和RGB表示相同的颜色信息,因此它们之间的手动转换非常简单(或者你也可以直接使用我们的RGB到十六进制转换器)。十六进制代码中的每对数字直接对应于0到255的RGB数值。
例如,#FF0000等于RGB(255, 0, 0),即纯红色;#00FF00等于RGB(0, 255, 0),即纯绿色;#000000等于RGB(0, 0, 0),即纯黑色,依此类推。
网络内容无障碍指南 (WCAG)
网络内容无障碍指南(WCAG)定义了使网络内容对残障人士更易访问的国际标准。遵守WCAG标准可以确保所有用户,尤其是在颜色对比和可读性方面,都能理解并浏览你的设计。
颜色无障碍标准
这些标准特别关注颜色和对比度的适当使用,以照顾色盲或弱视等视力障碍的用户。存在各种工具和指南帮助设计师确保足够的对比度,以及在不单纯依赖颜色的情况下清晰传达信息。
深色与浅色主题
深色和浅色主题设计包括创建适应性配色方案,以优化不同光照条件或个人偏好下的可读性,并减轻眼睛疲劳。使用阴影和色调,或者具有多个停止点的颜色混合工具,可以为深色和浅色模式的配色提供有用的基础。