Beginner

随机颜色生成器

生成一种或多种随机颜色,立即读取其HEX、RGB和HSL代码以及最佳叠加文字颜色。
1 to 12

Hue mode

Red channel value
150

Primary color: #96B7F2

HEX
#96B7F2
RGB
rgb(150, 183, 242)
HSL
hsl(218, 78%, 77%)
Relative luminance
0.468
Suggested text color
Black
Colors generated
1
Red150
Green183
Blue242
结果仅为一般参考性的估算,并非专业建议——在依赖这些重要结果之前,请务必自行独立核实。 阅读完整免责声明.
快速解答

这个计算器是如何工作的?

随机颜色生成器从0到255中随机选取红、绿、蓝三个值组成颜色,并以HEX、RGB和HSL格式显示。同时计算颜色的相对亮度,并建议使用黑色或白色文字以确保可读对比度。选择数量和色调模式可将调色板偏向暖色、冷色或柔和色。

公式
R,G,B = floor(random() × 256); HEX = '#' + hex(R) + hex(G) + hex(B); luminance = 0.2126·R' + 0.7152·G' + 0.0722·B'
How this is calculated

「颜色数量」输入项控制生成独立随机颜色的数量(限制在1-12之间),「色调模式」选项影响随机分布。在「任意」模式下,红、绿、蓝三个通道各自独立地从0到255取整数,在完整的24位空间内均匀随机生成颜色。「暖色」、「冷色」和「柔和色」模式则在受限的HSL范围内选取色调、饱和度和亮度,再转换回RGB,使颜色保持在可识别的色系内。

每种颜色以三种方式表示。HEX通过将每个通道转换为两位十六进制字符串,在「#」后拼接而成。HSL从归一化通道推导:色调来自最大值通道,亮度是最大值和最小值通道的平均值,饱和度是通道跨度除以 1 - |2L - 1|。这些都是同一颜色的等效表示。

建议的文字颜色使用WCAG相对亮度计算。每个通道归一化至0-1,并通过sRGB传递曲线线性化,然后按 0.2126·R + 0.7152·G + 0.0722·B 合并。若亮度超过约0.179,则背景为「浅色」,建议使用黑色文字;否则使用白色文字可获得更好的对比度。由于颜色是随机的,每次重新计算结果都会改变。

常见问题

它们是同一颜色的三种表示法。RGB列出红、绿、蓝三个通道的强度(0-255),HEX是同样的值以十六进制表示,HSL通过色调、饱和度和亮度描述颜色。

它将颜色的相对亮度与阈值(约0.179)进行比较。较亮的背景使用黑色文字,较暗的背景使用白色文字,从而符合WCAG对比度指南,保持文字可读性。

它们限制了随机色调、饱和度和亮度的范围:暖色偏向红色、橙色和黄色,冷色偏向绿色、蓝色和紫色,柔和色保持低饱和度和高亮度,呈现柔和色调。

也称为

随机色生成
随机hex颜色
rgb生成器
颜色随机选取
随机配色
random color generator
hex color generator
random hex

APA

TG we-Calculate Editorial Team. (2026). 随机颜色生成器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh/calculator/random-color-generator

Chicago

TG we-Calculate Editorial Team. "随机颜色生成器." TG we-Calculate. 2026. https://we-calculate.com/zh/calculator/random-color-generator.

IEEE

TG we-Calculate Editorial Team, "随机颜色生成器," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/zh/calculator/random-color-generator

BibTeX

@misc{wecalculate_random_color_generator, title = {随机颜色生成器}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/zh/calculator/random-color-generator}}, year = {2026}, note = {TG we-Calculate} }

这个计算器对您有帮助吗?