艣roda, 25 maja 2022

馃寛馃寛Zarz膮dzanie kolorami w CSS馃寛馃寛

Co projekt, to inne metody zarz膮dzania kolorami w CSS. Najcz臋艣ciej regu艂 albo nie ma, albo s膮 zbyt 艣cis艂e, co powoduje sporo problem贸w. W poni偶szym wpisie postaram si臋 przedstawi膰 prosty przyk艂ad dotycz膮cy tego, jak mo偶na 艂adnie poradzi膰 sobie z kolorami w aplikacji.

Prosty przyk艂ad

Wyobra藕 sobie 偶e zaczynasz niewielki projekt i dodajesz do niego kilka styl贸w. Z czasem widzisz, 偶e pojawiaj膮 si臋 niesp贸jno艣ci je艣li chodzi o kolory. Przyk艂adowo 


Mamy tu ju偶 3 rozbie偶no艣ci. Kolor mo偶na zadeklarowa膰 w hex za pomoc膮 trzech lub wi臋cej znak贸w, w klasie item dodatkowo zapisujemy background-color po prostu nazw膮 koloru, co jest odradzane. Dodatkowo, kolory mo偶na zapisywa膰 nie tylko w warto艣ciach hexadecymalnych, ale tak偶e w HSL, HSV i RGB. Warto艣ci kolor贸w u偶yte w przyk艂adzie s膮 hipotetyczne :).