Trang chủ » Bộ công cụ » Colors.css cung cấp các giá trị mặc định mới cho màu sắc trên web

    Colors.css cung cấp các giá trị mặc định mới cho màu sắc trên web

    Tìm một bảng màu tuyệt vời cho trang web của bạn không phải là nhiệm vụ dễ dàng. Nhưng, nó đã trở nên dễ dàng hơn rất nhiều với Thư viện màu sắc bởi Adam Morse.

    Thư viện CSS miễn phí này làm việc tắt các màu web ban đầu đã được coi là “web an toàn” và được phát hành lần đầu tiên với HTML4 vào năm 1999. Như bạn có thể tưởng tượng, web đã đi một chặng đường dài kể từ đó.

    Với màu sắc, bạn có thể ghi đè các lựa chọn màu mặc định và sử dụng mặc định phù hợp hơn cho bố cục của bạn. Những màu này phù hợp với nhau dễ dàng hơn nhiều và tạo ra ít căng thẳng hơn bằng cách pha loãng độ tương phản.

    Ví dụ, thay vì # 000 đối với màu đen, thư viện này sử dụng # 111 đến giữ cùng một mức độ tối trong khi loại bỏ một số tương phản chói tai. Điều này hoạt động tốt hơn nhiều cho văn bản và cho nền.

    Bạn có thể cài đặt màu sắc qua npm hoặc là thông qua GitHub bằng cách tải xuống biểu định kiểu trực tiếp.

    Tốt nhất của tất cả, nó đi kèm với swatches miễn phí bạn có thể nhập vào các chương trình thiết kế của mình để dễ dàng truy cập vào màu sắc. Các tập tin swatch sau đây được bao gồm:

    • .aco (Photoshop)
    • .ase (Minh họa / XD)
    • .gpl (Gimp / Inkscape)

    Nếu bạn thiết kế nhiều mockup với màu sắc mặc định, tôi hoàn toàn khuyên bạn nên lấy một bản sao của các mẫu màu này. Bạn sẽ ngạc nhiên khi những màu sắc này có thể phù hợp với bất kỳ bố cục nào.

    Thêm vào đó, Colors.css thậm chí còn có riêng phương án tiếp cận nơi bạn sẽ tìm thấy 90 kết hợp màu sắc đáp ứng các thông số kỹ thuật WCAG cho khả năng tiếp cận chất lượng. Điều này là rất lớn đối với bất kỳ ai đang cố gắng hỗ trợ đối tượng rộng nhất có thể và thật tuyệt khi thấy các nhà thiết kế quan tâm rất nhiều đến công việc UI / UX hiện đại.

    Nhưng quan trọng hơn, thật tuyệt khi thấy nhiều tiến bộ trong cộng đồng nguồn mở.

    Thật buồn cười khi nhìn lại các trang web cũ để xem họ đã cải thiện bao nhiêu. Và, điều tương tự cũng có thể nói đối với các xu hướng thiết kế chung, đặc biệt là các lựa chọn màu sắc và thư viện CSS.

    Để tìm hiểu thêm về thư viện Colors, hãy truy cập Trang chính và kiểm tra ví dụ sống. Bạn có thể kéo .css tập tin, cùng với tất cả các tập tin swatch trực tiếp từ GitHub repo, quá.