Beginner

隨機顏色生成器

生成一種或多種隨機顏色,並即時獲取其HEX、RGB和HSL代碼以及最佳疊加文字顏色。
1 to 12

Hue mode

Red channel value
142

Primary color: #8EF620

HEX
#8EF620
RGB
rgb(142, 246, 32)
HSL
hsl(89, 92%, 55%)
Relative luminance
0.718
Suggested text color
Black
Colors generated
1
Red142
Green246
Blue32
計算結果僅為一般資訊用途的估算值,並非專業建議——在仰賴重要結果之前,請務必自行獨立查證。 閱讀完整免責聲明.
快速解答

此計算機如何運作?

隨機顏色生成器從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 產生器
取色器
隨機配色
亂數顏色

APA

TG we-Calculate Editorial Team. (2026). 隨機顏色生成器 [Online calculator]. TG we-Calculate. https://we-calculate.com/zh-tw/calculator/random-color-generator

Chicago

TG we-Calculate Editorial Team. "隨機顏色生成器." TG we-Calculate. 2026. https://we-calculate.com/zh-tw/calculator/random-color-generator.

IEEE

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

BibTeX

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

這個計算機對您有幫助嗎?