C# implementation of Google's Material color utilities
Get Started
$ dotnet add package MaterialColorUtilitiesReadme
Material Color Utilities for .NET
This is a C# implementation of Google's Material Color Utilities, that can be used to extract a color from an image and then generate a Material Design 3 color scheme. Also includes helpers for working with schemes.
Install
Get the package from Nuget:
Quickstart
Generate a seed color from an image (e.g. the user's wallpaper):
// Load the image into an int[].
// The image is stored in an embedded resource, and then decoded and resized using SkiaSharp.
string imageResourceId = "MaterialColorUtilities.Console.Resources.wallpaper.webp";
using Stream resourceStream = Assembly.GetExecutingAssembly().GetManifestResourceStream(imageResourceId);
SKBitmap bitmap = SKBitmap.Decode(resourceStream).Resize(new SKImageInfo(112, 112), SKFilterQuality.Medium);
int[] pixels = bitmap.Pixels.Select(p => (int)(uint)p).ToArray();
// This is where the magic happens
int seedColor = ImageUtils.ColorsFromImage(pixels).First();
Use that color to create a CorePalette that can be used to create any tone (0-100) of any key color:
CorePalette corePalette = new(seedColor);
int color = corePalette.Secondary[69];
A scheme contains the Material Design 3 named colors, like OnPrimary, Background, or TertiaryContainer. Turn the CorePalette into a Scheme<int> using a mapper:
Scheme<int> lightScheme = new LightSchemeMapper().Map(corePalette);
Scheme<int> darkScheme = new DarkSchemeMapper().Map(corePalette);
Then convert your scheme to one with a different color type:
Scheme<Color> lightSchemeColor = lightScheme.ConvertTo(Color.FromArgb);
Scheme<string> lightSchemeString = lightScheme.ConvertTo(x => "#" + x.ToString("X")[2..]);