colors - 色轮的圆形饱和亮度渐变-6ren

colors - 色轮的圆形饱和亮度渐变

转载作者：行者123 更新时间：2023-12-04 13:31:24

25

4

方形饱和度-亮度选择器有两个渐变:

从上到下白到黑

从左到右透明到不透明的色调

我试图把它做成一个圆形选择器，它应该是这样的:

引用: https://paletton.com/
我试图像方形一样绘制圆形选择器，但我失去了拐角处的颜色。它看起来像这样:

那么我能做些什么来制作圆形饱和亮度渐变呢？

最佳答案

你画了一个完整的红色圆圈(#FF0000)。
现在你用黑色 (#000000) 绘制一个圆 (360°/3=120°) 并设置一个径向渐变，其中圆的中间是透明的或红色的，外带是黑色的。
现在你对白色 (#FFFFFF) 做同样的事情，并将它放在黑色块旁边。
现在你可以淡出黑白片的边缘。
为了使这个工作，带有红色圆圈的层需要是底层。
对不起我的英语不好

关于colors - 色轮的圆形饱和亮度渐变，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/64876600/

25

4

0

文章推荐： python - Odoo E8103 : SQL injection risk. 如果可以，请使用参数

文章推荐： amazon-web-services - Terraform AWS CloudTrail 配置失败

c# - 如何比较 Color 对象并获得 Color[] 中最接近的 Color？
假设我有一个颜色数组(具有整个色谱，从红色到红色。)。较短的版本如下所示: public Color[] ColorArray = new Color[360] { Color.FromArgb(25
CSS 验证警告 : Same colors for color and background-color in two contexts
当我通过 http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.gamefriction.com%2FCoded&prof
CSS 验证错误 : Same colors for color and background-color in two contexts
我需要帮助来解决验证 CSS。在这里，我在 W3 验证中遇到了 20 个相同的错误。我不明白。如果您能解决此问题，我将不胜感激。错误:两种上下文中 color 和 background-color
twitter-bootstrap - Bootstrap SCSS : $color: theme-color ("primary") is not a color
我正在尝试覆盖 bootstrap4 样式。我没有使用 Sass 的经验，但这看起来像是 bootstrap SCSS 文件中的错误。我的自定义文件是: /* custom.scss */
css - sass 编译错误说 $color : null is not a color even though i declared color
我是 sass 的新手，我写了一些 sass 代码，但它没有编译。 $classes : primary secondary success warning danger; $colors
R ggplot2 : How to draw geom_points that have a solid color and a transparent stroke and are colored depending on color?
我想制作一个散点图，其中每个点都有一个球体。点及其球体都根据某些列值着色。一个显示我想要的最小示例: library(ggplot2) library(vcd) # only needed for
css - CSS 主题的变暗函数 - 错误 : argument `$color` of `darken($color, $amount)` must be a color
我正在尝试添加一个选项来更改网站颜色。所以，我有一个工作正常的色域，但问题是当鼠标悬停时我需要将颜色更改为深 10%。函数 darken 表示第一个参数必须是颜色。 Error: argument `
flutter - 预期值为 'List>'类型，但获得了 'MappedListIterable>'类型之一
我正在尝试从下拉菜单中更改主题颜色，但出现此错误:“预期类型为'List>'的值，但类型为之一 'MappedListIterable>' Color selected ; MaterialApp(
colors - 创新设置 : How to change background color
有没有办法将 Inno Setup 底部面板的背景颜色更改为白色？谢谢你的帮助! 最佳答案您描述的底部面板实际上是向导表单的区域，因此您只需设置 Color WizardForm 的属性(prop
colors - 如何让 Color Highlighter 包起作用
sublime text包Color Highlighter看起来很有用。但是，它的行为似乎并不像文档中描述的那样。根据文档: Usage : Just click or move the curs
colors - 是什么意思？
我有一个由 Excel 2007 创建的文档: ... 在 xl/styles.xml 的字体定义中包含以下颜色: 我从ECMA标准了解到这个颜色索引指的是收藏于 xl/styles.xml如果有
HTML5输入类型颜色: set no color/delete color
简单问题: (如何)是否可以设置的值在 Chrome 中选择此类输入时，要在颜色选择器中清空吗？编辑:我想将输入的值更改为 "" 最佳答案我认为它不能设置为透明，但您可以使用value="#c
python : Detect Color Then Click Color
我正在尝试截屏，检查屏幕截图中的某种颜色，如果找到该颜色，则单击它。我遇到的问题是颜色的 RGB 值必须准确。我想知道是否可以将图像转换为颜色很少的图像。抱歉打扰了。我没有受过适当的训练。我现在
CSS "color"与 "font-color"
有谁知道为什么 CSS 为文本提供了 color，但没有 font-color 或 text-color？看起来很反直觉，有点像text-decoration: underline 而不是font-
css - 为什么 css mix-blend-mode : color; cover all colors except white instead of all colors except white and black?
我想弄清楚为什么 mix-blend-mode: color; css 选择器和值会影响除白色以外的所有颜色，而不是影响除白色和黑色以外的所有颜色。有人可以向我解释为什么会这样吗？最佳答案来自 t
angular - `$color` 的参数 `opacity($color)` 必须是颜色
我正在尝试创建 Angular 2 主题，我按照网站上提到的教程进行操作。这是我的主题文件。 @import '~@angular/material/theming'; @include mat-co
colors - JavaFX 进度条 : how to change bar color?
我正在尝试更改 ProgressBar 中栏的颜色 pBar.setStyle("-fx-accent: green"); 但我遇到了一个问题:这似乎不适合我! (或者我只是不明白一些事情) 这是代码
colors - 对于所有有创造力的人来说 : coloring mandelbrot set. .. 需要想法
给定最大迭代次数 = 1000 给我一些关于如何着色(红色、绿色、蓝色)的想法。我现在能想到的只有蹩脚的 2 种颜色渐变:( 真的有可能想出像这样美丽的东西吗？最佳答案该死的，他们不会让我一个新手
java - Color HttpMessageConverter 但缺少 Color 的默认构造函数
要将 url 参数解码为颜色，我使用此 HttpMessageConverter: public class ColorHttpMessageConverter implements HttpMess
c# - 为什么 Color.A = 255 on Color 不会使其完全不透明？
我创建了一个显示色谱的自定义控件。我正在覆盖 OnRender() 方法以使用颜色绘制控件。由于某种原因，“计算”的颜色(R G B 值)具有一定的透明度，即使我将 Alpha 值 (A) 设置为最大

首页

博学

6Ren·AI

商城

colors - 色轮的圆形饱和亮度渐变