Có bao nhiêu màu được sử dụng trong css?
|
Rõ ràng hầu hết các màu này không phù hợp với thiết kế web thông thường. Từ khóa màu hữu ích nhất cho mục đích thử nghiệm và trình diễn (như trong các trang này) Show
Giá trị màu RGBHầu hết các bạn có thể đã nghe nói về các giá trị CMYK cho thiết kế in ấn. RGB, viết tắt của màu đỏ, xanh lá cây và xanh dương là mô hình màu mà màn hình sử dụng. Vì trong thiết kế web, chúng tôi chủ yếu quan tâm đến việc các trang web trông như thế nào trên màn hình, nên RGB là mô hình màu chúng tôi sử dụng Các giá trị RGB được chỉ định cho từng màu chính (đỏ, lục, lam), sử dụng giá trị từ 0 đến 255 hoặc giá trị phần trăm. Giá trị cao hơn có nghĩa là nhiều màu hơn. RGB hoạt động ngược lại với CMYK, trong đó không có màu nào thực sự bằng màu đen và tất cả các màu đều bằng màu trắng. Đừng lo lắng nhiều về các chi tiết kỹ thuật, chỉ cần làm thế nào để sử dụng chúng Cú pháp CSS để sử dụng màu RGB hơi khác một chút so với những gì chúng ta đã thấy trước đây. Trong ví dụ bên dưới, chúng tôi đang tạo một đoạn văn màu đen, h1 màu trắng và danh sách không có thứ tự màu tím ________số 8Giá trị màu thập lục phân Cách phổ biến nhất để chỉ định màu trong CSS là sử dụng giá trị thập lục phân (hoặc hex) của chúng. Các giá trị hex thực ra chỉ là một cách khác để biểu diễn các giá trị RGB. Thay vì sử dụng ba số từ 0 đến 255, bạn sử dụng sáu số thập lục phân. Số hex có thể là 0-9 và A-F. Các giá trị hex luôn có tiền tố là ký hiệu # Minh họa ở đây là các quy tắc CSS giống như trên, ngoại trừ các giá trị hex ________2Nếu cả hai chữ số của các giá trị màu đỏ, xanh lục và xanh dương đều giống nhau, bạn có thể sử dụng ký hiệu ba chữ số ngắn. Điều này được thể hiện tốt nhất bởi và ví dụ Cách chọn màuRõ ràng tất cả những con số đó không thực sự có lợi cho việc chọn màu sắc tốt. Để làm điều này, bạn nên sử dụng một chương trình chọn màu. Có một số tùy chọn để lựa chọn Bộ chọn màu Adobe PhotoshopBảng màu Adobe Photoshop có thể dễ dàng truy cập trên tất cả các máy tính trong phòng thí nghiệm Công cụ chọn màu trực tuyếnBạn cũng có thể sử dụng công cụ chọn màu trực tuyến trông rất giống với công cụ Photoshop. Một ví dụ là bộ chọn tại http. //www. máy tô màu. com/ Mẫu màu WebmokeyWebmonkey có một trang chỉ chứa một loạt các mẫu màu và mã hex của chúng. Tuyệt vời để tham khảo nhanh Máy đo màu kỹ thuật sốAdobe KulerCuối cùng, có nhiều công cụ trực tuyến cho phép bạn chọn cách phối màu. Một ví dụ tuyệt vời về loại công cụ này là Adobe Kuler Cách đầu tiên và dễ nhất để chỉ định màu là sử dụng một trong 140 từ khóa màu được xác định trước được chỉ định trong CSS 17 bản gốc được liệt kê dưới đây. Một đám khó coi MàuTừ khóaGiá trị hexđen#000000xám#808080bạc#c0c0c0white#ffffffmaroon#800000đỏ#ff0000purple#800080fuchsia#ff00ffgreen#008000ColorKeywordHex Valuelime#00ff00olive#808000yellow#ffff00navy#000080blue#00#00ff080#00ff00a50affrange
Tất cả 140 từ khóa màu được liệt kê ở đây theo thứ tự bảng chữ cái. Bạn cũng có thể tìm thấy nhiều danh sách hữu ích hơn tại các trang web này Bạn cũng có thể xem bản in của tất cả các mẫu màu ở trang 304-305 trong Học Thiết Kế Web Giá trị màu RGBHầu hết các bạn có thể đã nghe nói về các giá trị CMYK cho thiết kế in ấn. RGB, viết tắt của màu đỏ, xanh lá cây và xanh dương là mô hình màu mà màn hình sử dụng. Vì trong thiết kế web, chúng tôi chủ yếu quan tâm đến việc các trang web trông như thế nào trên màn hình, nên RGB là mô hình màu chúng tôi sử dụng
Cú pháp CSS để sử dụng màu RGB hơi khác một chút so với những gì chúng ta đã thấy trước đây. Trong ví dụ dưới đây, chúng tôi đang tạo kiểu
Giá trị màu RGBARGBA là tất cả các cơn thịnh nộ Nghiêm túc mà nói, nó giống như RGB, ngoại trừ việc bổ sung giá trị thứ tư. kênh alpha Giá trị alpha biểu thị mức độ trong suốt mà màu rgb nên có. Nó có thể là một giá trị từ HSLMô hình màu HSL là một trong những mô hình ít được sử dụng nhất, nhưng thu hút được sự chú ý vì có thể sử dụng trực quan hơn khi làm việc với các sắc thái và điều chỉnh màu sắc HSL là viết tắt của. màu sắc, độ bão hòa và độ sáng HuếHue được xác định bởi một bánh xe màu. Mỗi màu đại diện cho một mức độ trên bánh xe. Trang này hiển thị hình ảnh động đẹp mắt của bánh xe màu bão hòaCác hộp bên dưới thể hiện các mức độ bão hòa khác nhau (cường độ màu) cho sắc độ ở 240°. Giá trị độ sáng được đặt ở mức 50% cho mỗi hộp nhẹ nhàngĐây là cùng một sắc độ (240°) được hiển thị ở các mức độ đậm nhạt khác nhau với độ bão hòa 100% Ví dụ lưới màu HSLLưới này hiển thị độ bão hòa và độ sáng khác nhau cùng nhau HSLAHSLA chỉ đơn giản là mô hình màu HSL có thêm kênh alpha. Điều này hoạt động chính xác giống như kênh alpha trong RGBA Giá trị màu thập lục phânCó lẽ cách phổ biến nhất (nhưng ít trực quan nhất) để chỉ định màu trong CSS là sử dụng các giá trị thập lục phân (hoặc hex) của chúng. Các giá trị hex thực ra chỉ là một cách khác để biểu diễn các giá trị RGB. Thay vì sử dụng ba số giữa Dưới đây là một số quy tắc quy tắc CSS cơ bản sử dụng các giá trị hex Ký hiệu tốc ký cho các giá trị HexNếu cả hai chữ số của các giá trị màu đỏ, xanh lục và xanh dương đều giống nhau, bạn có thể sử dụng ký hiệu ba chữ số ngắn. Điều này được thể hiện rõ nhất bằng một ví dụ Màu sắc trong CSS là gì?Màu tích hợp sẵn . Màu đỏ. #FF0000. rgb(255,0,0) Quả cam. #FFA500. rgb(255,165,0) Màu vàng. #FFFF00. rgb(255,255,0) Hồng. #FFC0CB. rgb(255,192,203) Xanh. #008000. rgb(0,128,0) màu tím. #EE82EE. rgb(238,130,238) Màu xanh da trời. #0000FF. rgb(0,0,255) nước. #00FFFF. rgb(0,255,255) 4 cách để đặt màu trong CSS là gì?Có một số cách khác nhau để chỉ định màu trong CSS. . từ khóa màu thập lục phân 16 màu cơ bản là gì?Ba màu cơ bản (Ps). Đỏ, Vàng, Xanh lam . Ba màu phụ (S'). cam, xanh lá cây, tím. Sáu màu bậc ba (Ts). Đỏ-cam, vàng-cam, vàng-lục, lam-lục, lam-tím, đỏ-tím, được tạo thành bằng cách trộn nguyên tố chính với nguyên tố phụ.
Tại sao lại có 4 số là RGB trong CSS?Ký hiệu màu hex 4 chữ số CSS là viết tắt của ký hiệu hex 8 chữ số . Một số màu lục giác tám chữ số có thể được viết bằng tốc ký bốn chữ số. Tốc ký bốn chữ số là nơi bạn kết hợp các chữ số trùng lặp từ mỗi thành phần màu thành một. |
