Color-Conversion
#ca4e4e
≈ Chestnut Rose
Вариациялар
Бул бөлүмдүн максаты - 10% кадам менен тандаган түсүңүздүн тондорун (таза ак кошулган) жана көлөкөлөрүн (таза кара кошулган) так чыгаруу.
Профессионалдык кеңеш: Чычкан абалдар жана көлөкөлөр үчүн көлөкөлөрдү, өзгөчөлөнгөн жерлер жана фон үчүн тондорду колдонуңуз.
Shades
Караңгы вариациялар негизги түсүңүзгө караны кошуу менен түзүлгөн.
Тондор
Негизги түсүңүзгө ак түстү кошуу менен түзүлгөн ачык вариациялар.
Жалпы колдонуу учурлары
- • UI компонентинин абалы (чыркоо, активдүү, өчүрүлгөн)
- • Көлөкөлөр жана жарыктар менен тереңдикти түзүү
- • ырааттуу түс системаларын куруу
Дизайн системасы боюнча кеңеш
Бул вариациялар бирдиктүү түс палитрасынын негизин түзөт. Бүткүл долбооруңузда ырааттуулукту сактоо үчүн аларды экспорттоо.
Түстөрдүн айкалышы
Ар бир гармониянын өзүнүн маанайы болот. Биргелешип жакшы иштеген түстөрдүн айкалыштарын акылга салуу үчүн гармонияларды колдонуңуз.
Кантип колдонуу керек
Анын он алтылык маанисин көчүрүү үчүн каалаган түстү басыңыз. Бул айкалыштар визуалдык гармонияны түзүүгө математикалык жактан далилденген.
Эмне үчүн бул маанилүү
Түстөрдүн гармониясы тең салмактуулукту түзүп, дизайныңызда өзгөчө эмоцияларды жаратат.
Толуктоо
Түс жана түс дөңгөлөкүндөгү анын карама-каршылыгы, +180 градус. Жогорку контраст.
Бөлүнүүчү-толуктоочу
А түс жана анын толуктоосуна эки чектеш, негизги түстүн карама-каршы маанисинен +/-30 градус. Түз толуктоо сыяктуу тайманбас, бирок ар тараптуу.
Triadic
Үч түс түс дөңгөлөкүнүн боюнда бирдей аралыкта жайгашкан, ар бири бири-биринен 120 градус. Бир түскө үстөмдүк кылып, калгандарын акцент катары колдонууга уруксат берүү эң жакшы.
Аналогиялык
Бир эле жаркыраган үч түс жана каныккан түстөр түс дөңгөлөктөрүндө жанаша жайгашкан, 30 градус аралыкта. Жылмакай өтүүлөр.
Монохроматикалык
Жарыктык мааниси +/-50% менен бирдей түстөгү үч түс. Назик жана тазаланган.
Тетрадик
60 градуска бөлүнгөн кошумча түстөрдүн эки топтому.
Түс теориясынын принциптери
Баланс
Бир басымдуу түстү колдонуңуз, экинчи түс менен колдоп, үнөмдүү акцентти колдонуңуз.
Контраст
Окуу жана жеткиликтүүлүк үчүн жетиштүү контрастты камсыз кылуу.
Гармония
Түстөр бирдиктүү визуалдык тажрыйбаны түзүү үчүн бирге иштеши керек.
Түс контрастын текшергич
Тексттин окулушу үчүн WCAG жеткиликтүүлүк стандарттарына жооп берүү үчүн түс айкалыштарын сынап көрүңүз.
Тексттин түсү
Фон түсү
Контраст
WCAG стандарттары
Ар бир адам гений. Бирок балыкты даракка чыгуу жөндөмүнө карап баа берсеңиз, ал бүт өмүрүн келесоо деп эсептеп жашайт.