Түс палитрасы және контраст тексергіш құралын қалай қолдану керек
- 1
Түстен бастаңыз
Негізгі түсті енгізіңіз немесе таңдаңыз, содан кейін аналогты, триада немесе бөлінген комплементарлы сияқты үйлесімді таңдаңыз — не болмаса кездейсоқ палитраны араластырыңыз.
- 2
Бекітіп, жетілдіріңіз
Қайта араластырмас бұрын ұнаған үлгілерді бекітіңіз, кез келген үлгіні тікелей өңдеңіз немесе фотодан бес басым түсті алыңыз.
- 3
Оқылымдылықты тексеріңіз
Контраст қойындысын ашып, фондағы мәтінді WCAG 2.2 AA және AAA талаптарымен тексеріңіз, ұсынылған түзетуді қолданыңыз және палитраны түс соқырлығы тұрғысынан алдын ала қараңыз.
- 4
Экспорттаңыз
CSS айнымалыларын, Tailwind v4 теміне немесе v3 конфигурациясын, SCSS не JSON форматын 50–950 реңктерімен көшіріңіз немесе PNG үлгісін жүктеп алыңыз.
Шектеулер және Pro
Бәрі тегін: 5 түсті палитралар, 6 үйлесім, шектеусіз араластыру және экспорт, түс алу үшін 50 MB дейінгі суреттер, ені 1600 px PNG үлгісі.
Түс палитрасы және контраст тексергіш туралы
Түс палитрасының генераторы бес түстен тұратын схеманы және дизайн жүйесіне қажеттінің бәрін жасайды. Үйлесімдер негізгі реңкті HSL түс шеңберінде бұрады: аналогты схема екі жаққа 30° қадам жасайды, комплементарлы қарама-қарсы реңкті қосады, бөлінген комплементарлы қарсы реңктің екі көршісін алады, триада бір-бірінен 120° қашықтықтағы үш реңкті орналастырады, тетрада 90° шаршыны пайдаланады, ал монохром бір реңкті бес жарықтық деңгейінде сақтайды. Кездейсоқ режим бекітілген үлгілерді сақтайды, ал сурет параметрі фото пикселдерін OKLab кеңістігінде топтап, ең жиі кездесетін бес түрлі түсті табады.
Әр түс үшін Реңктер қойындысы OKLCH кеңістігінде 50–950 аралығындағы 11 сатылы шкала жасайды, мұнда түсіңізге ең жақын саты нақты мән болады. Сондай-ақ Material 3 HCT жүйесінің 13 тонын және Material тақырыбы шығаратын бес негізгі палитраны алуға болады. Контраст тексергіші WCAG 2.2 жарықтық формуласын қолданады, қатынасты ешқашан жоғары қарай дөңгелектемейді және тек жарықтықты өзгертіп, реңкті сақтай отырып, ең жақын сәйкес түсті ұсынады. Тор палитрадағы әр жұптың ақ және қара түстермен қатынасын көрсетеді.
Симуляциялар Machado матрицалары арқылы протанопияны, дейтеранопияны, тританопияны және ахроматопсияны қамтиды және бір-бірімен араласып кететін үлгілерді белгілейді. Экспорт түстерді реңк бойынша атайды және өз атауларыңызды қабылдайды. Құрал түстердің бренге сәйкестігін бағаламайды, ал симуляциялар түс көру ерекшелігі бар адамдардың қабылдауын шамамен ғана көрсетеді; олармен жүргізілетін тестілеуді алмастырмайды.
Құпиялылық
Түс есептеулерінің барлығы, контраст тексерулері және сурет талдауы осы қойындыда орындалады: түс алу үшін қолданған фото дискіңізден шағын канвасқа оқылады және серверге жүктелмейді. Палитра бет мекенжайында сақталуы мүмкін, сондықтан көшірілген сілтеме оны қайта ашады; серверде ештеңе сақталмайды.
Мүмкіндіктер
Алты үйлесім және сурет түстері
Бір негізгі түстен аналогтыдан тетрадаға дейін, бекітулі кездейсоқ араластыру немесе фотоның басым түстері.
WCAG 2.2 контрасты және түзетулер
Қалыпты және үлкен мәтін мен UI графикасы үшін AA және AAA, ең жақын сәйкес түс бір рет басумен.
Әзірлеушілерге дайын экспорт
CSS айнымалылары, Tailwind v4 және v3, SCSS және JSON — HEX, RGB, HSL немесе OKLCH форматында, сонымен бірге PNG үлгісі.