← Colors of Rating

UA · In English

Усі відтінки синього

20 фірмових синіх, від найтемнішого до найсвітлішого — і числа, які їх насправді розрізняють.

Зліва направо — від найтемнішого до найсвітлішого. Кожна смуга веде на сторінку свого бренду, повний список із числами нижче.

Чим вони різняться

Світлота

Набір іде від Ford на L 23% до Vimeo на L 73% — розкид 50 пунктів. Усе інше лежить між цими двома.

Насиченість

Zoom — найнасиченіший, C 0.251; Volkswagen — найтихіший, C 0.099, тобто кольору в нього в 2.5× менше при тому самому куті відтінку.

Однакова світлота, різна сила

Zoom і Dell однаково світлі (L 55% і L 56%), але перший помітно насиченіший (C 0.251 проти 0.128). Поруч це читається як «гучніше», а не як «світліше».

Найближча пара

IBM #0F62FE і Dropbox #0061FF різняться на 0.005 в OKLab — настільки близько, що більшість людей не назвала б їх різними кольорами, не побачивши поруч.

Розкид відтінку

За кутом відтінку це все сині (215°–268° в OKLCH), але не однаковою мірою: Vimeo стоїть на H 228°, а Pepsi — на H 267° — нижній край межує з родиною бірюзових, верхній хилиться в бік фіолетових.

Позначені ≈

Ці бренди не публікують єдиного офіційного HEX — знак є фарбою, градієнтом або малюється чорно-білим, — тому показано найближче задокументоване значення: Vimeo.

Усі 20 по порядку

Ford#00095B L 23% · C 0.139 · H 264° Volkswagen#001E50 L 25% · C 0.099 · H 259° Pepsi#0E0E96 L 32% · C 0.201 · H 267° PayPal#003087 L 35% · C 0.153 · H 261° Samsung#1428A0 L 36% · C 0.191 · H 267° Boeing#0033A1 L 38% · C 0.183 · H 263° NASA#0B3D91 L 39% · C 0.148 · H 261° BMW#0066B1 L 50% · C 0.142 · H 250° LinkedIn#0A66C2 L 52% · C 0.163 · H 255° Intel#0071C5 L 54% · C 0.155 · H 251° Zoom#0B5CFF L 55% · C 0.251 · H 262° Walmart#0071CE L 55% · C 0.167 · H 253° Dropbox#0061FF L 55% · C 0.246 · H 261° IBM#0F62FE L 56% · C 0.243 · H 262° Dell#007DB8 L 56% · C 0.128 · H 240° Facebook#1877F2 L 59% · C 0.203 · H 258° HP#0096D6 L 64% · C 0.141 · H 238° AT&T#009FDB L 66% · C 0.140 · H 234° Telegram#26A5E4 L 68% · C 0.139 · H 237° Vimeo#1AB7EA L 73% · C 0.137 · H 228°

Як читати числа. OKLCH описує колір так, як його бачить око: L — світлота (0% чорний, 100% білий), C — хрома, тобто скільки кольору лишається, коли прибрати сірий, а H — кут відтінку на колірному колі. Два кольори з однаковим L виглядають на сторінці однаково сильними, навіть коли їхні HEX не схожі зовсім.

Інші родини

червоні 26 зелені 14 жовті 12 фіолетові 9