Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von material_color_utilities
Paketdetailsv0.13.1

material_color_utilities

Algorithmen und Hilfsfunktionen, die das Farbsystem des Material Design 3 antreiben, einschließlich der Auswahl von Themenfarben aus Bildern und der Erstellung von Farbtonen; alles in einem neuen Farbraum.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
10,8 Mio.
Likes
282
Pub-Punkte
150

Paket installieren

flutter pub add material_color_utilities

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Dart-Paket, das die Kernalgorithmen des Farbsystems von Material Design 3 implementiert und die dynamische Erzeugung von Themen aus Bildern sowie die präzise Erstellung von Farbtonen ermöglicht. Es arbeitet in einem neuen wahrnehmungsbasierten Farbraum für genauere und visuell konsistente Ergebnisse. Das Paket unterstützt erweiterte Funktionen wie Farbharmonisierung, Kontrastoptimierung und thematische Anpassung basierend auf Eingabebildern, um Zugänglichkeit und ästhetische Qualität über Plattformen hinweg sicherzustellen.

Anwendungsfälle

  • Themen aus Bildhintergründen generieren
  • Erstellen von zugänglichen Farbpaletten
  • Automatisierung von UI-Farbschemata
  • Entwicklung von reaktionsfähigen App-Themen
  • Dynamisches Thema implementieren
  • Verbesserung der visuellen Konsistenz

Hauptmerkmale

  • Wahrnehmungsbezogener Farbraum für genaue Darstellung
  • Farbauszug basierend auf Bild
  • Tongenerierung mit hell/dunkel Varianten
  • Zugänglichkeitsbewusste Kontrastanpassung
  • Unterstützung der Material Design 3-Spezifikationen
  • Plattformübergreifende Kompatibilität

Geeignet für

  • UI-Designer, die Material Design 3 umsetzen
  • Entwickler, die dynamische Themensysteme erstellen
  • Apps, die automatische Farbschemengenerierung erfordern
  • Projekte, die sich auf Barrierefreiheit und visuelle Harmonie konzentrieren
  • Teams, die Flutter für Multiplattform-Apps verwenden

Hinweise

  • Erfordert Verständnis der Material Design 3-Prinzipien
  • Möglicherweise ist zusätzliche Verarbeitung für komplexe Bildeingaben erforderlich
  • Am besten mit Designrichtlinien verwendet, um optimale Ergebnisse zu erzielen
  • Beschränkt auf Farbsystemlogik — keine Benutzeroberflächenkomponenten
  • Nicht für die allgemeine Farbmanipulation vorgesehen

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Material Color Utilities

Color is a foundational part of the Material Design system, alongside typography and shape. In products, color can communicate brand, reinforce meaning through semantic roles, and improve usability through accessible contrast.

Historically, teams hand-picked many colors to cover all UI use cases. In Material 3, dynamic color shifts

Library availability

Language Availability Location
C++ ✅
Dart ✅ pub package
Java ✅ MDC-Android
Swift ✅
TypeScript ✅ npm package
Kotlin ✅

Need another platform/language? Check the existing issues or open a new one.

Capabilities Overview

library components cheat sheet

The library consists of various components, each having its own folder and tests, designed to be as self-contained as possible. This enables seamless integration of subsets into other libraries, like Material Design Components and Android System UI. Some consumers do not require all components, for example, MDC doesn’t need quantization, scoring, image extraction.

Components Purpose
blend Interpolate, harmonize, animate, and gradate colors in HCT
contrast Measure contrast, obtain contrastful colors
dislike Check and fix universally disliked colors
dynamiccolor Obtain colors that adjust based on UI state (dark theme, style, preferences, contrast requirements, etc.)
hct A new color space (hue, chrome, tone) based on CAM16 x L*, that accounts for viewing conditions
palettes Tonal palette — range of colors that varies only in tone
Core palette — set of tonal palettes needed to create Material color schemes
quantize Turn an image into N colors; composed of Celebi, which runs Wu, then WSMeans
scheme Create static and dynamic color schemes from a single color or a core palette
score Rank colors for suitability for theming
temperature Obtain analogous and complementary colors
utilities Color — convert between color spaces needed to implement HCT/CAM16
Math — functions for ex. ensuring hue is between 0 and 360, clamping, etc.
String - convert between strings and integers

Learn about color science

The Science of Color & Design - Material Design

Try it out

Material Theme Builder

We recommend incorporating the Material Theme Builder Figma plugin and web tool into the design workflow. With them, designers can easily experiment with different dynamic color themes and see how they transform their designs with just a few clicks.

Kategorien

Farbwähler und Werkzeuge

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden