Accessible Palette

Color system creator for consistent lightness and contrast.

Accessible Palette helps you create color systems with consistent lightness and contrast. This application utilizes the CIELAB color model, which closely matches human perception of lightness. Instead of using HSL, which can lead to inconsistencies in lightness and contrast ratios, Accessible Palette offers a more reliable method for building color systems. Users can start by inputting their brand colors, adjusting Chroma and Hue, and generating color ranges with consistent lightness across levels. It calculates Contrast Ratios based on current WCAG recommendations, making it easier to ensure color accessibility for web content. Each palette created can be saved with a unique URL, allowing for easy tweaking or sharing. Learn more about the benefits of using CIELAB and LCh color models in the app's blog post.

https://accessiblepalette.com

{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}

{{ t('note.public') }}
{{ t('note.public_hint') }}

Название
Описание

Доступ

{{ t('list.public') }}
{{ t('list.public_hint') }}
{{ t('list.hide_owner') }}
{{ t('list.hide_owner_hint') }}

{{tag.name}}

{{ search.results.semantic ? t('cat.results') : t('cat.suggested') }}

{{app.title}}

{{app.subtitle}}

Accessible Palette

{{ ui.publicListPage.meta && ui.publicListPage.meta.name }}

{{ t('home_settings.title') }}

{{ t('home.apps') }} search

{{ pl.name }}

{{ t('search.title') }}

{{ t('home.collections') }}

{{ t('profile.title') }}

Новый лист

Accessible Palette

{{ ui.publicListPage.meta && ui.publicListPage.meta.name }}

{{ t('home.apps') }} search

{{ pl.name }}

{{ t('search.title') }}

{{ t('home.collections') }}

{{ t('profile.title') }} gear person_crop_circle {{ t('settings.sign_in_hint') }}

Новый лист

{{ t('profile.title') }}