android - Android 调色板颜色之间的差异

Question

编辑

为了更好地体验 Android Palette 类，我决定制作一个简单的应用程序来测试它的一些功能 - 如果您有兴趣，可以在 Play 商店中找到该应用程序:https://play.google.com/store/apps/details?id=com.tonyw.sampleapps.palettecolorextraction .基本上它只有图像和 Palette 类提取的颜色(如下所述)，您也可以添加自己的图像进行测试。你可以在 Github 上找到我的源代码:https://github.com/tony-w/PaletteColorExtraction

截图

原帖

谁能描述使用Android's Palette class 从位图中提取的颜色之间的差异？ ?

• 充满活力
• 充满活力的黑暗
• 充满活力的灯光
• 静音
• 柔和的黑暗
• 柔和的灯光

只是柔和的颜色比鲜艳的颜色更暗淡吗？深色和浅色是否应该分别更好地匹配 Lollipop 的深色和浅色 Material 设计主题？

Answer 1

这是一个非常好的问题。如果您查看 source code您可以看到，通过分析图像上像素的 HSL 颜色配置文件，根据亮度、饱和度和人口的目标范围(图像中的多少像素由色板表示)选择不同的色板。它使用加权平均计算，优先考虑 亮度，然后是 saturation，然后是 population。

一般来说，鲜艳的颜色比柔和的颜色更饱和，深色更暗，浅色更亮。使用哪一种取决于你想要的整体效果。

克里斯·类斯 wrote in his blog “Vibrant 和 Dark Vibrant 是开发人员最常使用的”，但在实践中并不是那么简单。

我发现的一个例子是 Romain Guy's sample app 中的 applyPalette 方法。来自 Google IO 2014，尽管代码假设可以找到各种样本(可能是因为他正在处理已知图像)。

根据图像，可能无法找到某些样本类型，因此请务必在代码中考虑这种可能性。

例如，您可以尝试以特定顺序从调色板中获取色板，例如对于深色主题，您可以尝试使用 Vibrant Dark，然后是 Mute Dark，然后再使用一些默认颜色。

如果你想要一些更可预测的东西，也可以抓取最具代表性的颜色，如下所示:

public static Palette.Swatch getDominantSwatch(Palette palette) {
    // find most-represented swatch based on population
    return Collections.max(palette.getSwatches(), new Comparator<Palette.Swatch>() {
        @Override
        public int compare(Palette.Swatch sw1, Palette.Swatch sw2) {
            return Integer.compare(sw1.getPopulation(), sw2.getPopulation());
        }
    });
}

每个色板的 HSL 值也可以访问，因此您可以编写类似的例程来选择，例如，不是主色的最饱和色板。

---

使用自定义目标

我发现另一件有用的事情是在 Palette.Target 中定义的 6 个目标之外定义一些自定义目标，具有不同的权重和目标亮度和饱和度值，以增加找到有用颜色的机会。

例如，您可以要求 Palette 的量化器包含满足当前过滤条件的最主要颜色的样本，目标如下:

public static final Target DOMINANT;

static {
    DOMINANT = new Target.Builder().setPopulationWeight(1f)
                                   .setSaturationWeight(0f)
                                   .setLightnessWeight(0f)
                                   .setExclusive(false)
                                   .build();
}

你可以得到一些有用的样本，这些样本比这样的库存目标更注重亮度:

public static final Target DARK;
public static final Target LIGHT;
public static final Target NEUTRAL;

static {
    DARK = new Target.Builder().setMinimumLightness(0f)
                               .setTargetLightness(0.26f)
                               .setMaximumLightness(0.5f)
                               .setMinimumSaturation(0.1f)
                               .setTargetSaturation(0.6f)
                               .setMaximumSaturation(1f)
                               .setPopulationWeight(0.18f)
                               .setSaturationWeight(0.22f)
                               .setLightnessWeight(0.60f)
                               .setExclusive(false)
                               .build();

    LIGHT = new Target.Builder().setMinimumLightness(0.50f)
                                .setTargetLightness(0.74f)
                                .setMaximumLightness(1.0f)
                                .setMinimumSaturation(0.1f)
                                .setTargetSaturation(0.7f)
                                .setMaximumSaturation(1f)
                                .setPopulationWeight(0.18f)
                                .setSaturationWeight(0.22f)
                                .setLightnessWeight(0.60f)
                                .setExclusive(false)
                                .build();

    NEUTRAL = new Target.Builder().setMinimumLightness(0.20f)
                                  .setTargetLightness(0.5f)
                                  .setMaximumLightness(0.8f)
                                  .setMinimumSaturation(0.1f)
                                  .setTargetSaturation(0.6f)
                                  .setMaximumSaturation(1f)
                                  .setPopulationWeight(0.18f)
                                  .setSaturationWeight(0.22f)
                                  .setLightnessWeight(0.60f)
                                  .setExclusive(false)
                                  .build();
}

您可以使用Palette.getSwatchForTarget 访问为自定义目标生成的样本。 ，例如:

Palette.Swatch neutral = Palette.getSwatchForTarget(NEUTRAL);

---

注意默认过滤器

默认情况下 Palette 有一个 Palette.Filter 拒绝非常接近黑色或白色的颜色，以及“非常接近红色 I 线”的颜色，我“believe”指的是对红盲色盲患者来说难以实现的同步颜色。

我的理论是它拒绝接近白色和接近黑色的颜色，以帮助防止在高度重视饱和度时将它们选为“饱和”颜色。

但是，此过滤器的结果是，对于完全由几乎白色和/或几乎黑色像素组成的图像，以及避免选择带有粉红色色调的颜色的趋势，将找不到样本。

但是，可以使用 Palette.Builder.clearFilters() 删除此过滤器，并使用 Palette.Builder.addFilter() 添加您自己的过滤器。

在我的代码中，如果第一次尝试没有返回任何色板，我选择第二次尝试生成调色板:

Palette palette = new Palette.Builder(bitmap).addTarget(DOMINANT)
                                             .addTarget(DARK)
                                             .addTarget(LIGHT)
                                             .addTarget(NEUTRAL)
                                             .generate();
if(palette.getSwatches().isEmpty()) {
    Log.v(TAG, "Getting alternate (UNFILTERED) palette.");
    palette = new Palette.Builder(bitmap).addTarget(DOMINANT)
                                         .addTarget(DARK)
                                         .addTarget(LIGHT)
                                         .addTarget(NEUTRAL)
                                         .clearFilters() /// allow isBlack(), isWhite(), isNearRedILine()
                                         .generate();
}

链接尝试在大多数情况下保留了默认过滤器的有用性，但仍然允许您找到默认会完全拒绝的图像的样本。