Көк - веб-дизайнда қолданылатын ең көп таралған түстердің бірі. Орташа және қою көк түстерді пайдалану дизайнерлер сары және қызғылт сары түстерді толықтыра алатын босаңсу сезімін тудырады.
Міне, көктің басқа түстермен жұмыс істеуінің бірнеше түрлі жолы.
Қарама-қарсылар тартады және көк қызғылт сарымен жақсы үйлеседі
Қосымша түстер схемасында көк түстерді қызғылт сарымен біріктіруді қарастырыңыз.
Ең қараңғыдан ең ашыққа қарай жоғарыдағы суреттегі әрбір көк үлгіде көрсетілген қызғылт сарылар:
- Hex FFA500 | RGB 255, 165, 0 (алтын апельсин; SVG түсті кілт сөзі және CSS түсті кілт сөзі қызғылт сары)
- Hex FF8000 | RGB 255, 128, 0 (орташа қызғылт сары)
- Hex FF4500 | RGB 255, 69, 0 (қызғылт сары қызыл; SVG түсті кілт сөзі сарғыш)
- Hex C83200 | RGB 200, 50, 0 (қою қызғылт сары)
- Сандар: Hex FF7F27 | RGB 255, 127, 39 (шабдалы қызғылт сары)
Қараңғыдан ашыққа дейінгі көк түстер:
- Теңіз күштері: Hex 000080 | RGB 0, 0, 128 (CSS түсті кілт сөзі/SVG түсті кілт сөзі navy)
- Көк: Hex 0000FF | RGB 0, 0, 255 (CSS/SVG түсті кілт сөзі көк; шолғыштың қауіпсіз түсі)
- Хекс: 0045FF | RGB 0, 69, 255 (орташа көк)
- Болат көк: Hex 4682B4 | RGB 70, 130, 180 (SVG түсті кілт сөзі steelblue; корпоративтік көк)
- Хекс: 0080FF | RGB 0, 128, 255 (орташа көк)
- Ашық көк: Hex ADD8E6 | RGB 173, 216, 230 (SVG түсті кілт сөзі ашық көк)
Қара көк және көктің орташа реңктері маңыздылықты, сенімділікті, күшті, ақылды, тұрақтылықты, бірлік пен консерватизмді білдіреді. Көбінесе қою көк палитраға қызғылт сары қосу арқылы сіз бояғышты тым қатып қалудан немесе шамадан тыс әсер етуден сақтайтын жылу мен қуат қосасыз.
Бұл нақты реңктерді пайдаланудың қажеті жоқ. Ашықырақ немесе қараңғырақ түртіңіз немесе түс дөңгелегінде солға немесе оңға бір нүктеге қадам жасаңыз. Бұл түс комбинациясы көк және қызғылт сары түстерді негізгі құрамдас бөліктер ретінде пайдаланып, қолайлы түстер палитрасын табуға көмектеседі.
Тұңғиық блюзді алтын сарымен араластырыңыз
Қою көк түстерді дерлік күлгінге дейін алыңыз және қосымша түстер схемасына күн сәулесінің сарысын қосыңыз.
Көк - күлгін реңктерді қосқанда жылыға ауысатын салқын түс, ал сары түс шеңберінің екінші жағындағы жылы түс. Жағымсыз тербелістерді болдырмас үшін тең мөлшерде пайдаланбаңыз. Көк түсіңізді сары түспен жандандырыңыз (немесе сары түсіңізді көк сызықпен тыныштандырыңыз).
Ең қараңғыдан ең ашыққа қарай, жоғарыдағы суреттегі әрбір көк үлгімен бірге көрсетілген сары:
- Кадий сары: Hex FF9912 | RGB 255, 153, 18 (жылы, қоңыр сары)
- Алтын: Hex FFD700 | RGB 255, 215, 0 (SVG түсті кілт сөзі алтын)
- Сандар: Hex FFFF00 | RGB 255, 255, 0 (SVG/CSS түсті кілт сөзі сары)
Блюздер:
- Өте қою көк: Hex 000033 | RGB 0, 0, 51 (браузерде қауіпсіз қою көк)
- Түн ортасы көк: Hex 191970 | RGB 25, 25, 112 (SVG түсті кілт сөзі түн ортасында көк)
- Қою шифер көк: Hex 483D8B RGB 72, 61, 139 (SVG түсті кілт сөзі darkslateblue; сұр-күлгін көк)
- Индиго: Hex 4B0082 | RGB 75, 0, 130 (SVG түсті индиго кілт сөзі; күлгін көк)
- Көк күлгін: Hex 8A2BE2 | RGB 138, 43, 226 (SVG түсті көк күлгін кілт сөзі)
- Кобальт көк: Hex 3D59AB | RGB 61, 89, 171
Көк түстің күлгін-күлгін жағына итермелейтін түстер жұмбақ пен әйелдік лебіздерін қоса алады. Ол салқын көк түске жылу қосады.
Қою қызғылт сары көгілдір реңктері
Орташа және қою көгілдір жасыл түстің шегінде көк. Мұнда әртүрлі орташа көк және көгілдір реңктер қою қоңыр қызғылт сары түстермен біріктірілген.
Тыныштандыратын атрибуттарынан басқа, көк түстің бұл қою реңктері тепе-теңдік, үйлесімділік және тұрақтылық сияқты жасыл түстің символикасы болуы мүмкін. Апельсиннің қоңыр немесе қызыл реңктерімен үйлескенде, ол аздап жылу мен қуат алады. Қоңыр - табиғи, бейтарап түс. Қызыл және көгілдір түс дөңгелегіндегі қарама-қарсы, жоғары контраст, бірақ олар міндетті түрде тамаша комбинация емес. Қызылдан қызғылт сарыға және қою көк түске ауысу жағымдырақ палитра береді.
Ең қараңғыдан ең ашыққа қарай, жоғарыдағы суреттегі әрбір көк үлгіде көрсетілген қызыл-қызғылт сары:
- Қою қызғылт сары қызыл: Hex CD3700 | RGB 205, 55, 0
- Кадмий қызғылт сары: Hex FF6103 | RGB 255, 97, 3
- Сандар: Red Hex FF0000 | RGB 255, 0, 0 (SVG/CSS түсті кілт сөзі қызыл)
Блюздер:
- Қою корольдік көк: Hex 27408B | RGB 39, 64, 139
- Тұңғиық көк: Hex 00688B | RGB 0, 104, 139 (емес түсті кілт сөзі терең көк көк)
- Қою шифер көк: Hex 2F4F4F RGB 47, 79, 79 (емес түсті кілт сөзі darkslateblue)
- Қою көгілдір: Hex 008B8B | RGB 0, 139, 139 (көк түстің жасыл жағы)
- Марганец көк: Hex 03A89E | RGB 3, 168, 158 (көк көгілдір түс)
- Сиан (су): Hex 00FFFF | RGB 0, 255, 255 (SVG түсті кілт сөзі көгілдір немесе аква; көк-жасыл түс)
Көк, қызыл және сары
Бөлінген қосымша триада бір түсті (бұл жағдайда көк) қабылдайды, содан кейін сол түстің қосымшасының екі жағындағы түстерді (түс дөңгелегіндегі қарама-қарсы түс) алады. Таза көк түстің толықтаушысы таза сары. Орташа көк қызғылт сарыға қарама-қарсы. Көктің қай реңкінен басталатыныңызға және қанша аралық түстерден өтетініңізге байланысты оны қызғылт-қызылдан сары-жасылға дейінгі түстермен сәйкестендіруге болады.
- Теңіз күштері: Hex 000080 | RGB 0, 0, 128
- Ашық қызыл: Hex FE0004 | RGB 254, 0, 4
- Күншуақты сары: Hex FFFB00 | RGB 255, 251, 0
- Қою шифер көк: Hex 483D8B RGB 72, 61, 139 (SVG түсті кілт сөзі қара шифер көк; сұр-күлгін көк)
- Алтын: Hex FFD700 | RGB 255, 215, 0 (SVG түсті кілт сөзі алтын)
- Chartreuse: Hex 7FFF00 | RGB 127, 255, 0
- Қою көгілдір: Hex 008B8B | RGB 0, 139, 139 (көк түстің жасыл жағы)
- Күлгін-Қызыл: Hex D02090 | RGB 208, 32, 144
- Қою қызғылт сары: Hex C83200 | RGB 200, 50, 0 (емес түсті кілт сөзі қою қызғылт сары)
Көк түстің қою реңктері маңыздылықты, сенімділікті, күшті, беделді, ақылды, тұрақтылықты, бірлік пен консерватизмді білдіреді. Қызыл - басқа қуат түсі, бірақ ол көкке қарағанда көбірек назар аударады. Сары біраз жарықтық пен қуаныш қосады. Әрбір түстің тең мөлшерін пайдалану оны балаға ұқсатады (негізгі түстерді ойлаңыз), мысалы, №1 мысал. Дегенмен, егер сіз қызыл және сары түстің (немесе жақын түстердің) шағын дозаларын негізінен қара көк түс схемасымен ғана қолдансаңыз, бұл ересектерге арналған жобалар үшін өте қолайлы, сіз тым маңызды болып көрінгіңіз келмейді.
