colors 相关问题

正如这个问题中所讨论的，我希望以下代码会产生两个相同的渐变：正如这个问题中所讨论的那样，我希望以下代码会产生两个相同的looking渐变： <Border Background="Black"> <StackPanel> <Border x:Name="withOpacity" Height="32"> <Border.Background> <LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> <GradientStop Offset="0" Color="#ff222222" /> <GradientStop Offset="1" Color="#33ff8000" /> </LinearGradientBrush> </Border.Background> </Border> <Border x:Name="withoutOpacity" Height="32"> <Border.Background> <LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> <GradientStop Offset="0" Color="#ff222222" /> <GradientStop Offset="1" Color="#ff331a00" /> </LinearGradientBrush> </Border.Background> </Border> </StackPanel> </Border> 两个渐变的 visible 开始和结束颜色是相同的（在第二个渐变中，最终颜色是通过在给定的 #33 不透明度（即 20%）下将第一个渐变的结束颜色与黑色背景混合来计算的））。不幸的是，插值非常不同：上面链接的问题的公认答案解释了为什么会出现这种情况。我想知道是否有人能想到一种（编程）方法来在给定第一个梯度的输入值的情况下复制第二个梯度的插值。另外，我正在寻找渐变和彩色动画的解决方案。我之前问题的回答者建议我可能只需要调整 alpha 分量的插值并且可以保留纯色值，但如果是这样的话，我还没有找到正确的算法......（由于最初的用例是动画，我在不透明度上尝试了各种缓动功能）经过一些实验，我也不再确定将不透明度与强度等同起来是否完全正确，就像该解释中的情况一样...... 请注意，我并不是（必然）寻找现成的解决方案，而是寻找有关如何解决最可能有价值的问题的建议。例如。创建 ColorAnimation 和 *GradientBrush 的自定义实现 vs 添加更明确的 GradientStops/关键帧 vs ...我还没想到的东西？我探索这一点的原因是，我非常喜欢使用半透明颜色而不是预混合颜色，因为它将使渐变和动画独立于它们显示的背景（理想情况下，还包括非固体）彩色背景）。由于您知道渐变透明度的百分比，因此您可以计算黑色百分比并导出第二种颜色。您可以将此计算交给值转换器来为您完成工作。您可能需要调整此计算以获得您想要的结果，但它应该会让您走上正确的道路。以下是值转换器的样子： public class GradientNormalizer : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { if (!(value is Color color)) return value; var opacity = color.ScA; var r = color.ScR; var g = color.ScG; var b = color.ScB; var normalizedColor = new Color { ScA = 1, // since color is interpreted as approximately square ScR = r * opacity * opacity, ScG = g * opacity * opacity, ScB = b * opacity * opacity, }; return normalizedColor; } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { throw new NotImplementedException(); } } 这是您在 xaml 中使用它的方式 <Border x:Name="withOpacity" Height="32"> <Border.Resources> <local:GradientNormalizer x:Key="Normalizer" /> </Border.Resources> <Border.Background> <LinearGradientBrush StartPoint="0,0" EndPoint="1,0"> <GradientStop Offset="0" Color="{Binding StartColor, Converter={StaticResource Normalizer}}" /> <GradientStop Offset="1" Color="{Binding EndColor, Converter={StaticResource Normalizer}}" /> </LinearGradientBrush> </Border.Background> </Border> 本例中的数据模型： public Color StartColor => (Color)ColorConverter.ConvertFromString("#ff222222"); public Color EndColor => (Color)ColorConverter.ConvertFromString("#33ff8000");

wpf colors interpolation

回答 1 投票 0

如何更改鼠标悬停时图标的颜色

我需要添加什么代码才能使图标改变颜色，或者当鼠标悬停在图标上时更改为不同颜色的图标图像？ i.pk-social-links-icon.pk-icon.pk-icon-twitter { 内容：网址（

css colors hover icons

回答 1 投票 0

单击按钮时立即更改所有菜单项前景色

我已经带着这个问题来了，但答案不是我所期望的...... 正如您在上图中看到的，我有两个主题（浅色和深色）。 “Light”主题运行良好，但是当我...

c# winforms drop-down-menu colors

回答 1 投票 0

R地图视图根据列中的颜色代码选择多边形的颜色

我得到了多边形空间数据（也可能是点），其中有一列指定十六进制颜色。可能是这样的：科尔芬克 <- colorRampPalette(c("gold1", "gold3")) clrs <-

r colors r-mapview

回答 1 投票 0

将字符串哈希为 RGB 颜色

是否有关于如何将任意字符串哈希为 RGB 颜色值的最佳实践？或者更一般地说：3 个字节。你问：我什么时候需要这个？这对我来说并不重要，但想象一下

hash colors language-agnostic

回答 7 投票 0

Git 标准颜色的十六进制代码

我找了好久还是没找到。 Git标准颜色的十六进制代码是什么：正常、黑色、红色、绿色、黄色、蓝色、品红色、青色、白色和默认值？

git colors git-diff

回答 1 投票 0

小数值会影响 CSS 中的颜色通道吗？

我正在 JavaScript 中开发一个数据可视化库，它依赖于包含 0-255 之间的红色、绿色和蓝色通道值的“Color”类。有什么理由存储 dec...

css colors rgb rgba

回答 1 投票 0

TInplaceEdit 中的颜色属性不起作用

以下更改 TInplaceEdit 背景颜色的代码在 Delphi 2010 中有效，但在 Delphi 2011 Community Edition 中无效。然而 CharCase 确实有效。我看了很多样品

colors delphi-2010 delphi-xe in-place-editor

回答 1 投票 0

none 与 0 - 在 CSS 颜色函数中，它们什么时候等价，什么时候不等价？

我试图通过在 CodePen 中创建一些视觉示例来理解 CSS 颜色函数中的 none 与 0。我目前的理解是，至少在实践中，没有一个和 0 是等价的，除了

css colors color-space lab-color-space

回答 2 投票 0

如何在 WPF 中将动画设置为半透明颜色？

简化（！）示例：简化（！）示例： <Window Background="Black"> <Button Background="#ff272727" Content="Whatever" Foreground="White" Padding="16,8" HorizontalAlignment="Center" VerticalAlignment="Center"> <Button.Template> <ControlTemplate TargetType="{x:Type Button}"> <Border x:Name="container" Background="{TemplateBinding Background}"> <ContentPresenter Margin="{TemplateBinding Padding}" /> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0:0:2" /> </VisualStateGroup.Transitions> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"> <Storyboard> <ColorAnimation Storyboard.TargetName="container" Storyboard.TargetProperty="Background.Color" To="#33ff8000" /> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> </Border> </ControlTemplate> </Button.Template> </Button> </Window> 将鼠标悬停在按钮上时，我希望颜色在 2 秒的时间内从 #ff272727（不透明深灰色）过渡到 #33ff8000（半透明橙色）。然而，实际发生的情况是，它首先非常快速地（我估计大约四分之一秒）过渡到看起来像 #ffff8000 的样子，然后在剩下的 2 秒内继续 #33ff8000 。从本质上讲，它似乎是一个接一个地对颜色和 alpha 分量进行动画处理，而不是同时对两者进行动画处理。有趣的是，如果我交换两种颜色的 alpha 值，即当我从半透明颜色设置动画为完全不透明颜色时，不会发生同样的事情。似乎只有当To颜色不透明时才会发生。对我来说另一个有趣的观察是，即使使用这个故事板也会发生完全相同的现象： <Storyboard> <DoubleAnimation Storyboard.TargetName="container" Storyboard.TargetProperty="Background.Opacity" To="0.2" /> <ColorAnimation Storyboard.TargetName="container" Storyboard.TargetProperty="Background.Color" To="#ffff8000" /> </Storyboard> 这也将首先对颜色进行动画处理，然后对不透明度进行动画处理... 我做错了什么还是这是一个已知问题？如果是这样，是否有任何已知的解决方法？这其实是你的眼睛欺骗了你。光是一件棘手的事情，它的强度不是线性的（对数或接近平方取决于我们正在讨论的光强度/颜色的哪个方面）。此外，从灰色到橙色的步骤比减少不透明度要短得多，因此您的眼睛比不透明度变化更快地察觉到这种情况发生。这里有几个深入探讨该主题的链接： https://computergraphics.stackexchange.com/q/1587 https://www.youtube.com/watch?v=LKnqECcg6Gw 为了用您的示例说明这种现象，我更改了您的模板以显示动画正在做什么。在下面的结果中，您可以看到它确实线性地穿过两个值。 <Button Background="#FF272700" Foreground="White" Padding="16,8" HorizontalAlignment="Center" VerticalAlignment="Center"> <Button.Template> <ControlTemplate TargetType="{x:Type Button}"> <Border x:Name="container" Background="{TemplateBinding Background}" Padding="16,8"> <Grid> <Grid.RowDefinitions> <RowDefinition /> <RowDefinition /> </Grid.RowDefinitions> <TextBlock Text="{Binding Background.Color, ElementName=container}" /> <TextBlock Grid.Row="1" Text="{Binding Background.Opacity, ElementName=container}" /> </Grid>  <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualStateGroup.Transitions> <VisualTransition GeneratedDuration="0:0:05" /> </VisualStateGroup.Transitions> <VisualState x:Name="Normal" /> <VisualState x:Name="MouseOver"> <Storyboard Changed="Storyboard_Changed"> <DoubleAnimation Storyboard.TargetName="container" Storyboard.TargetProperty="Background.Opacity" To="0.2" /> <ColorAnimation Storyboard.TargetName="container" Storyboard.TargetProperty="Background.Color" To="#ff8000" /> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> </Border> </ControlTemplate> </Button.Template> </Button> 解决方法是分别更改动画的速度和/或起点，让它们按照您想要的方式显示。

wpf animation colors

回答 1 投票 0

如何更改每个面图的颜色？

我正在使用 ggplot 绘制有关政党偏好的调查数据（ESS），并为每一方创建一个单独的方面图。我希望每个图都有它所显示的派对的颜色，其中......

r ggplot2 colors facet colorbrewer

回答 1 投票 0

如何在通过 grep 进行管道传输后保留命令的彩色输出

例如，systemd status weechat |grep Active systemd 的输出根据状态为绿色或红色。当通过 grep （或其他命令，如 tail，...）进行管道传输时，如何保持这一点？有——

bash colors grep pipe

回答 1 投票 0

如何使用 Ruby 为终端输出的文本着色？

使用 Ruby，如何对终端中的输出执行背景和前景文本着色？我记得，在编写 Pascal 程序时，我们都曾经编写自己的 textcolor(...) 程序来制作...