CINXE.COM

<!DOCTYPE html> <html lang="en-us"><head><script src="https://www.googletagmanager.com/gtm.js?id=GTM-MX6DBN9" async="async"></script><script src="/static/hash-o6oemknr/js/gtm.js" async="async"></script><meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1"/><meta name="robots" content="noindex"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="@dart_lang"/><meta name="twitter:description" content="Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors; all in a new color space."/><meta name="twitter:image" content="https://pub.dev/static/hash-o6oemknr/img/pub-dev-icon-cover-image.png"/><meta property="og:type" content="website"/><meta property="og:site_name" content="Dart packages"/><meta property="og:title" content="material_color_utilities score | Dart package"/><meta property="og:description" content="Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors; all in a new color space."/><meta property="og:image" content="https://pub.dev/static/hash-o6oemknr/img/pub-dev-icon-cover-image.png"/><title>material_color_utilities score | Dart package</title><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&family=Google+Sans+Display:wght@400&family=Google+Sans+Text:wght@400;500;700&family=Google+Sans+Mono:wght@400;700&display=swap"/><link rel="shortcut icon" href="/favicon.ico?hash=nk4nss8c7444fg0chird9erqef2vkhb8"/><link rel="stylesheet" href="https://www.gstatic.com/glue/v25_0/ccb.min.css"/><link rel="search" type="application/opensearchdescription+xml" title="Dart packages" href="/osd.xml"/><link rel="canonical" href="https://pub.dev/packages/material_color_utilities/score"/><meta name="description" content="Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors; all in a new color space."/><link rel="alternate" type="application/atom+xml" title="Updated Packages Feed for Pub" href="/feed.atom"/><link rel="stylesheet" type="text/css" href="/static/hash-o6oemknr/material/bundle/styles.css"/><link rel="stylesheet" type="text/css" href="/static/hash-o6oemknr/css/style.css"/><script src="/static/hash-o6oemknr/material/bundle/script.min.js" defer="defer"></script><script src="/static/hash-o6oemknr/js/script.dart.js" defer="defer"></script><script src="https://www.gstatic.com/brandstudio/kato/cookie_choice_component/cookie_consent_bar.v3.js" defer="defer" data-autoload-cookie-consent-bar="true"></script><meta name="pub-page-data" content="eyJwa2dEYXRhIjp7InBhY2thZ2UiOiJtYXRlcmlhbF9jb2xvcl91dGlsaXRpZXMiLCJ2ZXJzaW9uIjoiMC4xMi4wIiwibGlrZXMiOjIxOCwicHVibGlzaGVySWQiOiJtYXRlcmlhbC5pbyIsImlzRGlzY29udGludWVkIjpmYWxzZSwiaXNMYXRlc3QiOnRydWV9LCJzZXNzaW9uQXdhcmUiOmZhbHNlfQ=="/><link rel="preload" href="/static/hash-o6oemknr/highlight/highlight-with-init.js" as="script"/></head><body class="light-theme"><script src="/static/hash-o6oemknr/js/dark-init.js"></script><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MX6DBN9" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript><div class="site-header"><button class="hamburger" aria-label="menu toggle"></button><a class="logo" href="/"><img class="site-logo" src="/static/hash-o6oemknr/img/pub-dev-logo.svg" alt="" width="140" height="30" role="presentation"/></a><div class="site-header-space"></div><div class="site-header-mask"></div><div class="site-header-search"><form action="/packages" method="GET"><input class="site-header-search-input" name="q" placeholder="New search..." autocomplete="on" title="Search"/></form></div><nav class="site-header-nav scroll-container"><div class="nav-login-container"><button id="-account-login" class="nav-main-button link">Sign in</button></div><div class="nav-container nav-help-container hoverable"><button class="nav-main-button">Help</button><div class="nav-hover-popup"><div class="nav-table-columns"><div class="nav-table-column"><h3>Pub.dev</h3><a class="nav-link" href="/help/search" rel="noopener" target="_blank">Searching for packages</a><a class="nav-link" href="/help/scoring" rel="noopener" target="_blank">Package scoring and pub points</a></div><div class="nav-table-column"><h3>Flutter</h3><a class="nav-link" href="https://flutter.dev/using-packages/" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://flutter.dev/developing-packages/" rel="noopener" target="_blank">Developing packages and plugins</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div><div class="nav-table-column"><h3>Dart</h3><a class="nav-link" href="https://dart.dev/guides/packages" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">Pub.dev <img class="foldable-icon" src="/static/hash-o6oemknr/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="/help/search" rel="noopener" target="_blank">Searching for packages</a><a class="nav-link" href="/help/scoring" rel="noopener" target="_blank">Package scoring and pub points</a></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">Flutter <img class="foldable-icon" src="/static/hash-o6oemknr/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="https://flutter.dev/using-packages/" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://flutter.dev/developing-packages/" rel="noopener" target="_blank">Developing packages and plugins</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div><div class="nav-container nav-help-container-mobile foldable"><h3 class="foldable-button">Dart <img class="foldable-icon" src="/static/hash-o6oemknr/img/nav-mobile-foldable-icon.svg" alt="toggle folding of the section" width="13" height="6"/></h3><div class="foldable-content"><a class="nav-link" href="https://dart.dev/guides/packages" rel="noopener" target="_blank">Using packages</a><a class="nav-link" href="https://dart.dev/tools/pub/publishing" rel="noopener" target="_blank">Publishing a package</a></div></div></nav></div><div id="banner-container"></div><main class="container"><div class="detail-wrapper -active -has-info-box"><div class="detail-header -is-loose"><div class="detail-container"><div class="detail-header-outer-block"><div class="detail-header-content-block"><h1 class="title">material_color_utilities 0.12.0 <span class="pkg-page-title-copy"><img class="pkg-page-title-copy-icon filter-invert-on-dark" src="/static/hash-o6oemknr/img/content-copy-icon.svg" alt="copy "material_color_utilities: ^0.12.0" to clipboard" width="18" height="18" title="Copy "material_color_utilities: ^0.12.0" to clipboard" data-copy-content="material_color_utilities: ^0.12.0" data-ga-click-event="copy-package-version"/><div class="pkg-page-title-copy-feedback"><span class="code">material_color_utilities: ^0.12.0</span> copied to clipboard</div></span></h1><div class="metadata">Published <span><a class="-x-ago" href="" title="Jun 6, 2024" aria-label="5 months ago" aria-role="button" role="button" data-timestamp="1717691443736">5 months ago</a></span> • <a class="-pub-publisher" href="/publishers/material.io"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-o6oemknr/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>material.io</a><span class="package-badge" title="Package is compatible with Dart 3.">Dart 3 compatible</span></div><div class="detail-tags-and-like"><div class="detail-tags"><div class="-pub-tag-badge"><span class="tag-badge-main">SDK</span><a class="tag-badge-sub" href="/packages?q=sdk%3Adart" rel="nofollow" title="Packages compatible with Dart SDK">Dart</a><a class="tag-badge-sub" href="/packages?q=sdk%3Aflutter" rel="nofollow" title="Packages compatible with Flutter SDK">Flutter</a></div><div class="-pub-tag-badge"><span class="tag-badge-main">Platform</span><a class="tag-badge-sub" href="/packages?q=platform%3Aandroid" rel="nofollow" title="Packages compatible with Android platform">Android</a><a class="tag-badge-sub" href="/packages?q=platform%3Aios" rel="nofollow" title="Packages compatible with iOS platform">iOS</a><a class="tag-badge-sub" href="/packages?q=platform%3Alinux" rel="nofollow" title="Packages compatible with Linux platform">Linux</a><a class="tag-badge-sub" href="/packages?q=platform%3Amacos" rel="nofollow" title="Packages compatible with macOS platform">macOS</a><a class="tag-badge-sub" href="/packages?q=platform%3Aweb" rel="nofollow" title="Packages compatible with Web platform">web</a><a class="tag-badge-sub" href="/packages?q=platform%3Awindows" rel="nofollow" title="Packages compatible with Windows platform">Windows</a></div></div><div class="detail-like"><button id="-pub-like-icon-button" class="mdc-icon-button" data-ga-click-event="toggle-like" aria-pressed="false" title="Like this package"><img class="mdc-icon-button__icon" src="/static/hash-o6oemknr/img/like-inactive.svg" alt="liked status: inactive" width="18" height="18"/><img class="mdc-icon-button__icon mdc-icon-button__icon--on" src="/static/hash-o6oemknr/img/like-active.svg" alt="liked status: active" width="18" height="18"/></button><span class="likes-count"><span id="likes-count">218</span></span></div></div></div></div></div></div><div class="detail-container"><div class="detail-lead"><div class="detail-metadata-toggle"><div class="detail-metadata-toggle-icon">→</div><h3 class="detail-lead-title">Metadata</h3></div><p class="detail-lead-text">Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors; all in a new color space.</p><p class="detail-lead-more"><a class="detail-metadata-toggle">More...</a></p></div></div><div class="detail-body"><div class="detail-tabs"><div class="detail-tabs-wide-header"><div class="detail-container"><ul class="detail-tabs-header"><li class="detail-tab tab-link detail-tab-readme-title"><a href="/packages/material_color_utilities" role="button">Readme</a></li><li class="detail-tab tab-link detail-tab-changelog-title"><a href="/packages/material_color_utilities/changelog" role="button">Changelog</a></li><li class="detail-tab tab-link detail-tab-example-title"><a href="/packages/material_color_utilities/example" role="button">Example</a></li><li class="detail-tab tab-link detail-tab-installing-title"><a href="/packages/material_color_utilities/install" role="button">Installing</a></li><li class="detail-tab tab-link detail-tab-versions-title"><a href="/packages/material_color_utilities/versions" role="button">Versions</a></li><li class="detail-tab tab-button detail-tab-analysis-title -active">Scores</li></ul></div></div><div class="detail-container detail-body-main"><div class="detail-tabs-content"><section class="tab-content detail-tab-analysis-content -active"><div class="score-key-figures"><div class="score-key-figure"><div class="score-key-figure-title"><span class="score-key-figure-value">218</span><span class="score-key-figure-supplemental"></span></div><div class="score-key-figure-label">likes</div></div><div class="score-key-figure"><div class="score-key-figure-title"><span class="score-key-figure-value">155</span><span class="score-key-figure-supplemental">/ 160</span></div><div class="score-key-figure-label">pub points</div></div><div class="score-key-figure"><div class="score-key-figure-title"><span class="score-key-figure-value">98</span><span class="score-key-figure-supplemental">%</span></div><div class="score-key-figure-label">popularity</div></div></div><p class="analysis-info">We analyzed this package <a class="-x-ago" href="" title="on Nov 21, 2024" aria-label="2 days ago" aria-role="button" role="button" data-timestamp="1732223880523">2 days ago</a>, and awarded it 155 pub points (of a possible 160):</p><div class="pkg-report"><div class="pkg-report-section foldable"><div class="pkg-report-header foldable-button" data-ga-click-event="toggle-report-section-convention"><div class="pkg-report-header-icon"><img class="pkg-report-icon" src="/static/hash-o6oemknr/img/report-missing-icon-red.svg" alt="failed" width="18" height="18"/></div><div class="pkg-report-header-title">Follow Dart file conventions</div><div class="pkg-report-header-score -is-red"><span class="pkg-report-header-score-granted">25</span> / <span class="pkg-report-header-score-max">30</span><img class="foldable-icon" src="/static/hash-o6oemknr/img/foldable-section-icon.svg" alt="trigger folding of the section" width="13" height="6"/></div></div><div class="foldable-content"><div class="pkg-report-content"><div class="pkg-report-content-summary markdown-body"><h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-missing-icon-yellow.svg"> 10/10 points: Provide a valid <code>pubspec.yaml</code></h3> <details> <summary> Issue tracker URL doesn't exist. </summary> <p>At the time of the analysis <code>https://github.com/material-foundation/material-color-utilities/issues</code> was unreachable. Make sure that the website is reachable via <a href="https://developer.mozilla.org/en-US/docs/Web/HTTP/Methods/HEAD" rel="ugc"><code>HEAD</code></a> requests.</p> </details> <h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-missing-icon-red.svg"> 0/5 points: Provide a valid <code>README.md</code></h3> <details> <summary> Links in `README.md` should be secure. 1 link is insecure. </summary> <p><code>README.md:19:1</code></p> <pre><code> ╷ 19 │ <a href="http://go/material-color-utilities">README</a>.</p> │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ╵ </code></pre> <p>Use <code>https</code> URLs instead.</p> </details> <h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 5/5 points: Provide a valid <code>CHANGELOG.md</code></h3> <h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 10/10 points: Use an OSI-approved license</h3> <p>Detected license: <code>Apache-2.0</code>.</p> </div></div></div></div><div class="pkg-report-section foldable"><div class="pkg-report-header foldable-button" data-ga-click-event="toggle-report-section-documentation"><div class="pkg-report-header-icon"><img class="pkg-report-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg" alt="OK" width="18" height="18"/></div><div class="pkg-report-header-title">Provide documentation</div><div class="pkg-report-header-score"><span class="pkg-report-header-score-granted">20</span> / <span class="pkg-report-header-score-max">20</span><img class="foldable-icon" src="/static/hash-o6oemknr/img/foldable-section-icon.svg" alt="trigger folding of the section" width="13" height="6"/></div></div><div class="foldable-content"><div class="pkg-report-content"><div class="pkg-report-content-summary markdown-body"><h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 10/10 points: 20% or more of the public API has dartdoc comments</h3> <p>157 out of 474 API elements (33.1 %) have documentation comments.</p> <p>Some symbols that are missing documentation: <code>blend</code>, <code>cam16</code>, <code>color_utils</code>, <code>contrast</code>, <code>contrast_curve</code>.</p> <h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 10/10 points: Package has an example and has no issues with screenshots</h3> </div></div></div></div><div class="pkg-report-section foldable"><div class="pkg-report-header foldable-button" data-ga-click-event="toggle-report-section-platform"><div class="pkg-report-header-icon"><img class="pkg-report-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg" alt="OK" width="18" height="18"/></div><div class="pkg-report-header-title">Platform support</div><div class="pkg-report-header-score"><span class="pkg-report-header-score-granted">20</span> / <span class="pkg-report-header-score-max">20</span><img class="foldable-icon" src="/static/hash-o6oemknr/img/foldable-section-icon.svg" alt="trigger folding of the section" width="13" height="6"/></div></div><div class="foldable-content"><div class="pkg-report-content"><div class="pkg-report-content-summary markdown-body"><h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 20/20 points: Supports 6 of 6 possible platforms (<strong>iOS</strong>, <strong>Android</strong>, <strong>Web</strong>, <strong>Windows</strong>, <strong>macOS</strong>, <strong>Linux</strong>)</h3> <ul> <li> <p>✓ Android</p> </li> <li> <p>✓ iOS</p> </li> <li> <p>✓ Windows</p> </li> <li> <p>✓ Linux</p> </li> <li> <p>✓ macOS</p> </li> <li> <p>✓ Web</p> </li> </ul> <h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 0/0 points: WASM compatibility</h3> <p>This package is compatible with runtime <code>wasm</code>, and will be rewarded additional points in a future version of the scoring model.</p> <p>See <a href="https://dart.dev/web/wasm">https://dart.dev/web/wasm</a> for details.</p> </div></div></div></div><div class="pkg-report-section foldable"><div class="pkg-report-header foldable-button" data-ga-click-event="toggle-report-section-analysis"><div class="pkg-report-header-icon"><img class="pkg-report-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg" alt="OK" width="18" height="18"/></div><div class="pkg-report-header-title">Pass static analysis</div><div class="pkg-report-header-score"><span class="pkg-report-header-score-granted">50</span> / <span class="pkg-report-header-score-max">50</span><img class="foldable-icon" src="/static/hash-o6oemknr/img/foldable-section-icon.svg" alt="trigger folding of the section" width="13" height="6"/></div></div><div class="foldable-content"><div class="pkg-report-content"><div class="pkg-report-content-summary markdown-body"><h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 50/50 points: code has no errors, warnings, lints, or formatting issues</h3> </div></div></div></div><div class="pkg-report-section foldable"><div class="pkg-report-header foldable-button" data-ga-click-event="toggle-report-section-dependency"><div class="pkg-report-header-icon"><img class="pkg-report-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg" alt="OK" width="18" height="18"/></div><div class="pkg-report-header-title">Support up-to-date dependencies</div><div class="pkg-report-header-score"><span class="pkg-report-header-score-granted">40</span> / <span class="pkg-report-header-score-max">40</span><img class="foldable-icon" src="/static/hash-o6oemknr/img/foldable-section-icon.svg" alt="trigger folding of the section" width="13" height="6"/></div></div><div class="foldable-content"><div class="pkg-report-content"><div class="pkg-report-content-summary markdown-body"><h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 10/10 points: All of the package dependencies are supported in the latest version</h3> <table> <thead> <tr> <th align="left">Package</th> <th align="left">Constraint</th> <th align="left">Compatible</th> <th align="left">Latest</th> </tr> </thead> <tbody> <tr> <td align="left"><a href="https://pub.dev/packages/collection"><code>collection</code></a></td> <td align="left"><code>^1.15.0</code></td> <td align="left">1.19.1</td> <td align="left">1.19.1</td> </tr> </tbody> </table> <p>To reproduce run <code>dart pub outdated --no-dev-dependencies --up-to-date --no-dependency-overrides</code>.</p> <h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 10/10 points: Package supports latest stable Dart and Flutter SDKs</h3> <h3><img class="report-summary-icon" src="/static/hash-o6oemknr/img/report-ok-icon-green.svg"> 20/20 points: Compatible with dependency constraint lower bounds</h3> <p><code>pub downgrade</code> does not expose any static analysis error.</p> </div></div></div></div></div><p class="tool-env-info">Analyzed with Pana <code>0.22.15</code>, Dart <code>3.5.4</code>.</p><p class="analysis-info">Check the <a href="/packages/material_color_utilities/score/log.txt">analysis log</a> for details.</p></section></div></div></div><aside class="detail-info-box"><a class="packages-scores" href="/packages/material_color_utilities/score"><div class="packages-score packages-score-like"><div class="packages-score-value -has-value"><span class="packages-score-value-number">218</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">likes</div></div><div class="packages-score packages-score-health"><div class="packages-score-value -has-value"><span class="packages-score-value-number">155</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">pub points</div></div><div class="packages-score packages-score-popularity"><div class="packages-score-value -has-value"><span class="packages-score-value-number">98</span><span class="packages-score-value-sign">%</span></div><div class="packages-score-label">popularity</div></div></a><div class="detail-screenshot-thumbnail"><div class="thumbnail-container" data-thumbnail="/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_1.webp,/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_2.webp,/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_3.webp,/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_4.webp" data-thumbnail-descriptions-json="["App showing the Material You color system.","App showing the Material You color system.","App showing the Material You color system.","App showing the Material You color system."]" data-ga-click-event="screenshot-thumbnail-click"><img class="thumbnail-image" src="/packages/material_color_utilities/versions/0.12.0/gen-res/gen/190x190/material_you_1.webp" alt="screenshot" title="View screenshots" tabindex="0"/></div><img class="collections-icon" src="/static/hash-o6oemknr/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/></div><h3 class="title">Publisher</h3><p><a href="/publishers/material.io"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-o6oemknr/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>material.io</a></p><h3 class="title pkg-infobox-metadata">Metadata</h3><p>Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors; all in a new color space.</p><p><a class="link" href="https://github.com/material-foundation/material-color-utilities/tree/main/dart" rel="ugc">Repository (GitHub)</a><br/><a class="link" href="https://github.com/material-foundation/material-color-utilities/issues" rel="ugc">View/report issues</a><br/><a class="link" href="https://github.com/material-foundation/material-color-utilities/blob/main/CONTRIBUTING.md" rel="ugc">Contributing</a><br/></p><h3 class="title">Documentation</h3><p><a class="link" href="/documentation/material_color_utilities/latest/">API reference</a><br/></p><h3 class="title">License</h3><p><img class="inline-icon-img filter-invert-on-dark" src="/static/hash-o6oemknr/img/material-icon-balance.svg" alt="" width="14" height="14" role="presentation"/>Apache-2.0 (<a href="/packages/material_color_utilities/license">license</a>)</p><h3 class="title">Dependencies</h3><p><a href="/packages/collection" title="^1.15.0">collection</a></p><h3 class="title">More</h3><p><a href="/packages?q=dependency%3Amaterial_color_utilities" rel="nofollow">Packages that depend on material_color_utilities</a></p></aside></div><script type="application/ld+json">{"@context":"http\u003a\u002f\u002fschema.org","@type":"SoftwareSourceCode","name":"material\u005fcolor\u005futilities","version":"0.12.0","description":"material\u005fcolor\u005futilities - Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors\u003b all in a new color space.","url":"https\u003a\u002f\u002fpub.dev\u002fpackages\u002fmaterial\u005fcolor\u005futilities","dateCreated":"2021-10-28T14\u003a39\u003a42.906205Z","dateModified":"2024-06-06T16\u003a30\u003a43.736723Z","programmingLanguage":"Dart","image":"https\u003a\u002f\u002fpub.dev\u002fstatic\u002fimg\u002fpub-dev-icon-cover-image.png","license":"https\u003a\u002f\u002fpub.dev\u002fpackages\u002fmaterial\u005fcolor\u005futilities\u002flicense"}</script></div><div class="detail-metadata"><h3 class="detail-metadata-title"><span class="detail-metadata-toggle">←</span> Metadata</h3><div class="detail-info-box"><a class="packages-scores" href="/packages/material_color_utilities/score"><div class="packages-score packages-score-like"><div class="packages-score-value -has-value"><span class="packages-score-value-number">218</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">likes</div></div><div class="packages-score packages-score-health"><div class="packages-score-value -has-value"><span class="packages-score-value-number">155</span><span class="packages-score-value-sign"></span></div><div class="packages-score-label">pub points</div></div><div class="packages-score packages-score-popularity"><div class="packages-score-value -has-value"><span class="packages-score-value-number">98</span><span class="packages-score-value-sign">%</span></div><div class="packages-score-label">popularity</div></div></a><div class="detail-screenshot-thumbnail"><div class="thumbnail-container" data-thumbnail="/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_1.webp,/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_2.webp,/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_3.webp,/packages/material_color_utilities/versions/0.12.0/gen-res/gen/material_you_4.webp" data-thumbnail-descriptions-json="["App showing the Material You color system.","App showing the Material You color system.","App showing the Material You color system.","App showing the Material You color system."]" data-ga-click-event="screenshot-thumbnail-click"><img class="thumbnail-image" src="/packages/material_color_utilities/versions/0.12.0/gen-res/gen/190x190/material_you_1.webp" alt="screenshot" title="View screenshots" tabindex="0"/></div><img class="collections-icon" src="/static/hash-o6oemknr/img/collections_white_24dp.svg" alt="" width="30" height="30" role="presentation"/></div><h3 class="title">Publisher</h3><p><a href="/publishers/material.io"><img class="-pub-publisher-shield filter-invert-on-dark" src="/static/hash-o6oemknr/img/material-icon-verified.svg" alt="verified publisher" width="14" height="14" title="Published by a pub.dev verified publisher"/>material.io</a></p><h3 class="title pkg-infobox-metadata">Metadata</h3><p>Algorithms and utilities that power the Material Design 3 color system, including choosing theme colors from images and creating tones of colors; all in a new color space.</p><p><a class="link" href="https://github.com/material-foundation/material-color-utilities/tree/main/dart" rel="ugc">Repository (GitHub)</a><br/><a class="link" href="https://github.com/material-foundation/material-color-utilities/issues" rel="ugc">View/report issues</a><br/><a class="link" href="https://github.com/material-foundation/material-color-utilities/blob/main/CONTRIBUTING.md" rel="ugc">Contributing</a><br/></p><h3 class="title">Documentation</h3><p><a class="link" href="/documentation/material_color_utilities/latest/">API reference</a><br/></p><h3 class="title">License</h3><p><img class="inline-icon-img filter-invert-on-dark" src="/static/hash-o6oemknr/img/material-icon-balance.svg" alt="" width="14" height="14" role="presentation"/>Apache-2.0 (<a href="/packages/material_color_utilities/license">license</a>)</p><h3 class="title">Dependencies</h3><p><a href="/packages/collection" title="^1.15.0">collection</a></p><h3 class="title">More</h3><p><a href="/packages?q=dependency%3Amaterial_color_utilities" rel="nofollow">Packages that depend on material_color_utilities</a></p></div><p class="detail-lead-back"><a class="detail-metadata-toggle">Back</a></p></div><div id="-screenshot-carousel" class="carousel"><fab id="-carousel-prev" class="mdc-fab carousel-prev carousel-nav" data-mdc-auto-init="MDCRipple" title="Previous" data-ga-click-event="screenshot-carousel-prev-click" tabindex="0"><div class="mdc-fab__ripple"></div><img class="mdc-fab__icon" src="/static/hash-o6oemknr/img/keyboard_arrow_left.svg" alt="previous" width="24" height="24" aria-hidden="true"/></fab><div id="-image-container" class="image-container"></div><fab id="-carousel-next" class="mdc-fab carousel-next carousel-nav" data-mdc-auto-init="MDCRipple" title="Next" data-ga-click-event="screenshot-carousel-next-click" tabindex="0"><div class="mdc-fab__ripple"></div><img class="mdc-fab__icon" src="/static/hash-o6oemknr/img/keyboard_arrow_right.svg" alt="next" width="24" height="24" aria-hidden="true"/></fab><p id="-screenshot-description" class="screenshot-description"></p></div></main><footer class="site-footer"><a class="link" href="https://dart.dev/">Dart language</a><a class="link sep" href="/report?subject=package%3Amaterial_color_utilities&url=https%3A%2F%2Fpub.dev%2Fpackages%2Fmaterial_color_utilities%2Fscore">Report package</a><a class="link sep" href="/policy">Policy</a><a class="link sep" href="https://www.google.com/intl/en/policies/terms/">Terms</a><a class="link sep" href="https://developers.google.com/terms/">API Terms</a><a class="link sep" href="/security">Security</a><a class="link sep" href="https://www.google.com/intl/en/policies/privacy/">Privacy</a><a class="link sep" href="/help">Help</a><a class="link icon sep" href="/feed.atom"><img class="inline-icon" src="/static/hash-o6oemknr/img/rss-feed-icon.svg" alt="RSS" width="20" height="20" title="RSS/atom feed"/></a><a class="link icon github_issue" href="https://github.com/dart-lang/pub-dev/issues/new"><img class="inline-icon" src="/static/hash-o6oemknr/img/bug-report-white-96px.png" alt="bug report" width="20" height="20" title="Report an issue with this site"/></a></footer><script src="/static/hash-o6oemknr/highlight/highlight-with-init.js" defer="defer"></script></body></html>