Phối màu css
Ví dụ: rgb(0,0,255) được hiển thị là màu xanh lam vì tham số màu xanh lam được đặt thành giá trị cao nhất (255) và các giá trị khác được đặt thành 0 Thí dụMàuRGBColorrgb(255,0,0)Redrgb(0,255,0)Greenrgb(0,0,255)Blue Tự mình thử »Các sắc thái của màu xám thường được xác định bằng cách sử dụng các giá trị bằng nhau cho cả 3 nguồn sáng Thí dụMàuRGBColorrgb(0,0,0)Blackrgb(128,128,128)Grayrgb(255,255,255)Trắng Tự mình thử »Màu thập lục phânCác giá trị màu thập lục phân cũng được hỗ trợ trong tất cả các trình duyệt Một màu thập lục phân được chỉ định với. #RRGGBB RR (đỏ), GG (xanh lục) và BB (xanh dương) là các số nguyên thập lục phân giữa 00 và FF chỉ định cường độ của màu Ví dụ: #0000FF được hiển thị dưới dạng màu xanh lam, vì thành phần màu xanh dương được đặt thành giá trị cao nhất (FF) và các thành phần khác được đặt thành 00 Thí dụColorHEXRGBColor#FF0000rgb(255,0,0)Red#00FF00rgb(0,255,0)Green#0000FFrgb(0,0,255)Blue Tự mình thử »Các sắc thái của màu xám thường được xác định bằng cách sử dụng các giá trị bằng nhau cho cả 3 nguồn sáng Thí dụMàuHEXRGBColor#000000rgb(0,0,0)Đen#808080rgb(128,128,128)Xám#FFFFFFrgb(255,255,255)Trắng Tự mình thử »Chữ hoa hay chữ thường?Bạn có thể sử dụng chữ hoa hoặc chữ thường để chỉ định giá trị thập lục phân Chữ thường dễ viết hơn. Chữ hoa dễ đọc hơn Tên màuCSS hỗ trợ 140 tên màu tiêu chuẩn Trong chương tiếp theo, bạn sẽ tìm thấy một danh sách tên màu đầy đủ theo thứ tự bảng chữ cái với các giá trị thập lục phân Tên màuHexColorAliceBlue#F0F8FFAntiqueWhite#FAEBD7Aqua#00FFFFAquamarine#7FFFD4Azure#F0FFFFBeige#F5F5DCBisque#FFE4C4 Máy làm mát. đồng là một công cụ hỗ trợ phân phối màu cực kỳ tiện lợi. Trang web sẽ đặc biệt hữu dụng cho những ai muốn tự tạo nên bảng màu cho riêng mình Xem video hướng dẫn sử dụng Máy làm mát. co a way chi tiết tại đây Trước khi vào phần hướng dẫn, điều đầu tiên chúng ta cần biết bảng màu là gì?
Ngoài ra, để khám phá những bảng màu đẹp khác, hãy truy cập vào mục Browser. Tại đây, bạn có thể chọn xem màu thuộc các hạng mục khác nhau như Tốt nhất (Đẹp nhất), Mới nhất (Mới nhất) hay Lựa chọn (Được lựa chọn bởi Nền tảng) Tuy nhiên, đó chỉ là bức tranh tổng thể. Để có được sự hướng dẫn kỹ lưỡng hơn, mời các bạn cùng Woay khám phá qua một số tính năng và các bước sử dụng của Coolors. đồng ý nhé Các bước sử dụng
Bước 2. Click “Start the generator” để bắt đầu
Xem sắc thái. Khi nhấn vào biểu tượng này, sẽ hiện ra một bảng có các màu liên quan với màu mà bạn chọn, từ sáng nhất tối đa nhất, chúng ta có thể thay thế các màu đó theo ý thích của mình Lưu màu vào mục yêu thích. Lưu lại những màu yêu thích của mình bằng cách nhấn vào nút này Lôi kéo. Với thao tác Kéo, ta có thể chuyển vị trí của các màu qua lại Sao chép HEX. Sử dụng để sao chép các màu mã, tiện ích lưu trữ và thiết kế trên các nền tảng khác nhau. Ví dụ như có các HEX. 0C0A3E, 7B1E7A, F3C677, chuyển đổi khóa. Các biểu tượng này có chức năng khá đặc biệt. Khi bạn nhấn giữ vào nút này và tiếp tục nhấn không gian. Màu thuộc tính của nút chưa khóa sẽ thay đổi theo màu chủ đạo của nút đã khóa
Tạo đĩa trên ảnh. Công cụ này giúp chúng tôi có thể chọn màu từ các tấm hình mà chúng tôi tải lên
Create a college (Tạo ảnh ghép). Thông qua nút này, ta có thể tải ảnh lên và thiết kế bố trí, diện mạo và bảng màu cho ảnh đó và ta cũng có thể tải về máy sau khi hoàn thành thiết kế mù màu. Use to view table color at mù color mode Điều chỉnh bảng màu. Sử dụng để điều chỉnh bảng màu theo HUE, độ bão hòa, độ sáng và nhiệt độ Dùng để xem lại các thành phần của bảng màu Xuất bảng màu Save table color by account of Coolors. đồng Tại mục “Explore” ta có thể tìm thấy những bảng màu thiết bị sẵn có và cũng có thể sao chép chúng Và cuối cùng để tìm hiểu nhiều hơn về Máy làm mát. co ta access to the “More”
Với 66 bảng màu có sẵn, đi kèm cùng 8 tùy chọn Chọn màu nhanh, doanh nghiệp có thể dễ dàng chọn nhanh cho mình những bảng màu tương thích nhất cho vòng quay
Dưới đây là một ví dụ minigame thiết kế về “Cửa hàng rau sạch” và cách phân phối bảng màu của Woay. Và để biết rõ hơn về cách thiết kế, bạn hãy truy cập tại đây |