随机颜色生成器

Hex: #96d234

RGB: 150, 210, 52

CMYK: 29%, 0%, 75%, 18%

在线颜色生成器

您可以在线获得随机颜色。我们使用 Javascript 代码向您展示快速结果。当您单击 “生成” 按钮时，您将获得 1600 万种可用颜色中的任何一种。为方便起见，我们在屏幕上显示此颜色并复制其 HEX 和 RGB 值。这将帮助您在其他在线生成器或 CSS 或 HTML 中使用此颜色。

如何在 HTML 中使用生成的颜色

在 HTML 中，可以通过多种方式使用生成的颜色，主要是通过 CSS（级联样式表）或内联样式。以下是一些方法：

使用内联样式： 您可以使用 style 属性： 

<p style="color: #ff0000;">This is a random text.</p>

使用内部 CSS： 您可以在 <style> 标记中 <head> 部分。 

<!DOCTYPE html>
<html>
<head>
    <style>
        p {
            color: #00ff00;
        }
    </style>
</head>
<body>
    <p>This is a random text.</p>
</body>
</html>

使用外部 CSS： 您还可以在外部 CSS 文件中定义 CSS 规则，并使用 <link> 标记中 <head> 部分。 

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
    <p>This is a text with color from an external CSS file.</p>
</body>
</html>

在您的 styles.css 文件： 

p {
    color: #0000ff;
}

如何在网站上嵌入随机数生成器

您可以使用 iframe 标签来嵌入我们已经准备好的页面： 

<iframe src="https://random-colors.bchrt.com/#generator" width="600" height="460" frameborder="0" scrolling="no"></iframe>

此选项适合那些不想担心自己的设计并且我们生成器的功能完全满足您的人。

如果您想在应用程序中嵌入随机颜色生成器，以下示例（函数）将帮助您用不同的编程语言实现它。

JavaScript 随机颜色生成器： 

function generateRandomColor() {
    const randomColor = '#' + Math.floor(Math.random() * 16777215).toString(16);
    return randomColor;
}

PHP 随机颜色生成器： 

function generateRandomColor() {
    $randomColor = '#' . dechex(mt_rand(0, 16777215));
    return $randomColor;
}

Python 随机颜色生成器： 

import random

def generate_random_color():
    random_color = '#' + format(random.randint(0, 16777215), 'x')
    return random_color

Swift 颜色生成器： 

func generateRandomColor() -> String {
    let randomColor = String(format: "#%06X", arc4random_uniform(16777215))
    return randomColor
}

要在任何编程语言中实现随机颜色生成器，您可以按照以下步骤操作：

  1. 定义颜色格式 ：确定要用于表示颜色的格式（例如，RGB、十六进制）。
  2. 生成随机数 ：使用随机数生成器为颜色格式的每个组件生成随机值。例如：
    • 对于 RGB 格式：在有效范围 （0-255） 内为红色、绿色和蓝色分量生成随机值。
    • 对于十六进制格式：生成一个有效范围内的随机数（对于 24 位颜色，为 0-16777215），表示组合的 RGB 值。
  3. Convert to Color Format（转换为颜色格式 ）：将生成的随机值转换为所需的颜色格式。例如：
    • 对于 RGB 格式：将红色、绿色和蓝色值连接起来以形成颜色。
    • 对于十六进制格式：将组合的 RGB 值转换为十六进制字符串，并在前面加上“#”以表示有效的十六进制颜色。
  4. Return Color（返回颜色 ）：以所选格式返回生成的颜色。
  5. 可选增强功能 ：（可选）您可以根据特定要求添加约束或自定义生成过程，例如限制颜色范围、调整亮度或饱和度，或确保可访问性的最小对比度。

相关工具