Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de material_color_utilities
Detalhes do pacotev0.13.1

material_color_utilities

Algoritmos e utilitários que impulsionam o sistema de cores do Material Design 3, incluindo a escolha de cores temáticas a partir de imagens e a criação de tons de cores; tudo em um novo espaço de cores.

AndroidiOSWebmacOSWindowsLinux
pub.dev Documentação da API Código-fonte
Downloads em 30 dias
10,8 mi
Curtidas
282
Pontos Pub
150

Instalar pacote

flutter pub add material_color_utilities

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um pacote Dart que implementa os algoritmos principais do sistema de cores do Material Design 3, permitindo a geração dinâmica de temas a partir de imagens e a criação precisa de tons de cor. Ele opera em um novo espaço de cor perceptual para resultados mais precisos e visualmente consistentes. O pacote suporta recursos avançados como harmonização de cores, otimização de contraste e personalização de tema com base na imagem de entrada, garantindo acessibilidade e qualidade estética em todas as plataformas.

Casos de uso

  • Gerando temas a partir de fundos de imagem
  • Criando paletas de cores acessíveis
  • Automatizando esquemas de cores da interface
  • Design de temas de aplicativos responsivos
  • Implementação de temas dinâmicos
  • Melhorando a consistência visual

Principais recursos

  • Espaço de cor perceptual para representação precisa
  • Extração de cor baseada em imagem
  • Geração de tom com variantes claro/escuro
  • Ajuste de contraste consciente de acessibilidade
  • Suporte às especificações do Material Design 3
  • Compatibilidade multiplataforma

Indicado para

  • Designers de interface implementando o Material Design 3
  • Desenvolvedores construindo sistemas de temas dinâmicos
  • Aplicativos que exigem geração automática de esquemas de cores
  • Projetos focados em acessibilidade e harmonia visual
  • Equipes usando Flutter para aplicativos multiplataforma

Considerações

  • Requer compreensão dos princípios do Material Design 3
  • Pode ser necessário processamento adicional para entradas de imagem complexas
  • Melhor usado com diretrizes de design para melhores resultados
  • Limitado à lógica do sistema de cores — sem componentes da interface
  • Não destinado à manipulação de cores de propósito geral

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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.

Categorias

Seletor de Cores e Utilidades

Dependências

Lista de dependências 1 itens

Repositório-fonte

Projetos que usam este pacote