html颜色怎么打代码-html中设置颜色的代码 收藏 0

航海王燃烧意志：如何发布彩色聊天字体？这些代码可以浪一下

诸君安好，雾夏菌报道。

很多时候我们在游戏中，会看到有人在聊天栏发布的字体竟然是彩色的，更有甚者还能搞个炫彩的，很过分，很嚣张，自己也想整一个，那么这一回合就来看一下，究竟是怎么整的。

这个是比较容易的，使用的代码是：<color=red>此处填字</color>

也有更直接的：<颜色代码>此处填字

color=red，这个red就是红色，你可以替换成其他的颜色英文，就可以发送出来对应颜色的聊天字体了。目前只要是常规的颜色，都可以输入后发出来。但要注意，不要太频繁发布，否则存在会被制裁的可能。

炫彩字体用这个：<颜色代码>此处填字<颜色代码>此处填字<颜色代码>此处填字。

规则就是这个样子，更长的聊天对话以此类推。然后关于颜色代码，可以直接去搜HTML颜色提取器获取，直接点击想要的颜色区域，就会自动给你代码的。

上图的是#77ADA0，然后我们再选个红色相关的#EE1515，再然后是紫红相关的#E21092，所以我们这里的代码就是：<#77ADA0>游戏<#EE1515>兵长<#E21092>花里胡哨

输入后的结果就是这个样子：

出现一些炫彩，可以选择彼此比较接近的颜色代码，那么就会呈现出一个过渡的色彩显示。而且实际上，这个用法是比上面的用法还要简单的，但要有颜色代码。

之前已经告发过了碎片代码的文章，但有时候还是又问会问，所以这里再提一下。

首先点击聊天框，然后点击笑脸图标，会显示出“表情”、“道具”、“位置”三个选项，我们选择道具。再然后找到SSR角色的头像，点击然后发送。

然后再点击聊天框笑脸旁边的文档图标，就会看到我们之前发布的记录，点击这个记录，然后再点聊天编辑栏，就会看到它的代码了。

有玩家可能注意到了，上面的#FF0900不是颜色的代码吗？没错，所以实际上我们可以把这个颜色代码去掉，最后就剩下了纯纯的碎片代码：<link=\”2&lld=630015\”>[基德碎片]<link>

这个就是不含有颜色的代码碎片，630015的“15”是SSR角色的序号，可自行更改。不过目前SSR还是处在“参数错误”中，所以发不出来。想要尝试，可以用SR或者R卡。

以上就是关于聊天字体变色的问题，偶尔搞一搞还是很舒服的。但再次提醒不要经常搞，真的存在被禁言制裁的情况。而碎片代码这一块，因为之前被人扒出来，所以后续一直被禁掉了，不知何年何月还能再见。

好了，这一回合到此结束，感谢阅读，拜拜了您嘞~

揭秘！无需透明度，也能玩转 CSS 颜色深浅的技巧

最近在进行 UI 开发的时候，我们经常会遇到一些颜色调整的需求，比如鼠标悬停时按钮颜色变深，按钮禁用时颜色变浅。以往，我们可能会使用预定义的颜色或者 JavaScript 来动态修改颜色。但是现在，我们可以借助 CSS 的 color-mix() 函数，用更简洁、更优雅的方式实现这些效果。今天，我们就来一起探索 color-mix() 的强大魔力。

color-mix() 函数是 CSS Color Module Level 5 中引入的一个强大特性，它允许我们在 CSS 中直接混合两种或多种颜色，从而实现动态的色彩效果。它接受一个或多个颜色参数，并根据指定的权重进行混合。

基本语法：

• in <color-space>：指定颜色空间，例如 srgb、hsl、lab 等。通常使用 srgb 颜色空间。
• <color>：要混合的颜色。
• <percentage>：该颜色在混合中所占的权重（百分比）。如果省略，则默认等权重。

现在，让我们通过一个实际的代码示例来演示如何使用 color-mix() 函数。假设我们有一个按钮，我们希望在鼠标悬停时，按钮的背景颜色变深，在按钮禁用时，背景颜色变浅。

在这个示例中：

1. button: 我们首先定义了按钮的初始背景颜色为 #abc。
2. button:hover: 当鼠标悬停在按钮上时，background 属性的值被设置为 color-mix(in srgb, #abc, black 10%)。这意味着将初始颜色 #abc 和黑色以 10% 的比例进行混合，从而使按钮颜色变深。
3. button:disabled: 当按钮被禁用时，background属性的值被设置为 color-mix(in srgb, #abc, white 15%)。这意味着将初始颜色 #abc 和白色以 15% 的比例进行混合，从而使按钮颜色变浅。

通过这段简单的代码，我们就可以轻松地实现按钮在不同状态下的动态颜色变化，无需编写复杂的 JavaScript 代码，也不需要预定义多个颜色变量。

1. 代码简洁：使用 color-mix() 可以减少 CSS 代码量，使样式表更加清晰易懂。
2. 动态性强：color-mix() 可以动态调整颜色，避免了定义多个预设颜色带来的维护问题。
3. 灵活性高：可以根据实际需要灵活调整颜色和权重，实现各种不同的颜色效果。
4. 性能优化：相比 JavaScript 操作 DOM，使用 color-mix() 可以更好地利用浏览器渲染引擎的性能优势。

除了按钮状态，color-mix() 函数还可以应用在其他 UI 组件中，例如：

• 卡片 hover 效果：当鼠标悬停在卡片上时，可以使卡片背景颜色稍微变深，增加交互感。
• 进度条颜色渐变：可以根据进度动态调整进度条的颜色，使其更加直观。
• 主题切换：可以通过调整颜色混合的比例，实现不同主题之间的平滑过渡。

1. 颜色空间选择: 在大部分情况下，srgb 颜色空间已经足够使用。但如果需要更精细的颜色控制，可以尝试其他颜色空间。
2. 百分比调整: 通过调整百分比，可以灵活地控制颜色混合的比例，尝试不同的组合。
3. 配合 CSS 变量: 结合 CSS 变量使用 color-mix()，可以实现更强大的主题定制和颜色复用。

color-mix() 函数为我们提供了更强大、更灵活的 CSS 颜色处理能力。通过合理运用 color-mix()，我们可以在 UI 设计中创造出更具活力和交互性的用户体验，并且可以让我们的 CSS 代码更加简洁和易于维护。下次在需要进行颜色调整的时候，不妨试试这个神奇的 CSS 函数吧！相信你一定会爱上它的。

希望这篇文章对您有所帮助！如果您有任何问题或者想分享您的 color-mix() 使用经验，欢迎在评论区留言。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com