Thay đổi màu văn bản python
Kiểu dữ liệu CSS 0 đại diện cho một màu. Một 0 cũng có thể bao gồm một giá trị độ trong suốt của kênh alpha, cho biết màu nên phù hợp với nền của nó như thế nào Show Một 0 có thể được định nghĩa theo bất kỳ cách nào sau đây
Ghi chú. Bài viết này mô tả chi tiết về kiểu dữ liệu 0. Để tìm hiểu thêm về cách sử dụng màu trong HTML, hãy xem Áp dụng màu cho các thành phần HTML bằng CSS Loại dữ liệu 0 được chỉ định bằng một trong các tùy chọn được liệt kê bên dưới Ghi chú. Mặc dù các giá trị 0 được xác định chính xác, hình thức thực tế của chúng có thể khác nhau (đôi khi đáng kể) từ thiết bị này sang thiết bị khác. Điều này là do hầu hết các thiết bị không được hiệu chỉnh và một số trình duyệt không hỗ trợ cấu hình màu của thiết bị đầu ra Các màu được đặt tên là các mã định danh phân biệt chữ hoa chữ thường đại diện cho một màu cụ thể, chẳng hạn như 4, 3, 6 hoặc 7. Mặc dù những cái tên ít nhiều mô tả màu sắc tương ứng của chúng, nhưng về cơ bản chúng là nhân tạo, không có lý do chính đáng đằng sau những cái tên được sử dụngDanh sách đầy đủ các từ khóa như vậy có sẵn ở đây Từ khóa 8 đại diện cho giá trị của thuộc tính 9 của một phần tử. Điều này cho phép bạn sử dụng giá trị 9 trên các thuộc tính không nhận được giá trị này theo mặc địnhNếu 8 được sử dụng làm giá trị của tài sản 9, thì thay vào đó, nó sẽ lấy giá trị của nó từ giá trị kế thừa của tài sản 9
Mô hình màu RGB xác định một màu nhất định trong không gian màu sRGB theo các thành phần đỏ, lục và lam của nó. Một thành phần alpha tùy chọn thể hiện độ trong suốt của màu Màu RGB có thể được thể hiện thông qua cả ký hiệu thập lục phân (có tiền tố là 4) và ký hiệu chức năng (5, 6) 7 hoặc______25_______8 9 (đỏ), 0 (xanh lục), 1 (xanh dương) và 2 (alpha) là các ký tự thập lục phân (0–9, A–F). 2 là tùy chọn. Ví dụ: 4 tương đương với 5. Ký hiệu ba chữ số ( 6) là phiên bản ngắn hơn của dạng sáu chữ số ( 7). Ví dụ: 8 có cùng màu với 9. Tương tự như vậy, ký hiệu RGB gồm bốn chữ số ( 0) là phiên bản ngắn hơn của dạng tám chữ số ( 1). Ví dụ: 2 có cùng màu với 35 hoặc 6. 6 hoặc 7 9 (đỏ), 0 (lục) và 1 (lam) có thể là 1 hoặc 2, trong đó số 3 tương ứng với 4. 2 (alpha) có thể là một 1 trong khoảng từ 7 đến 8 hoặc một 2, trong đó số 8 tương ứng với 4 (độ mờ hoàn toàn)Mô hình màu HSL xác định một màu nhất định trong không gian màu sRGB theo các thành phần màu sắc, độ bão hòa và độ sáng của nó. Một thành phần alpha tùy chọn thể hiện độ trong suốt của màu Nhiều nhà thiết kế nhận thấy HSL trực quan hơn RGB, vì nó cho phép điều chỉnh màu sắc, độ bão hòa và độ sáng của từng màu một cách độc lập. HSL cũng có thể giúp việc tạo một tập hợp các màu phù hợp trở nên dễ dàng hơn (chẳng hạn như khi bạn muốn có nhiều sắc thái của một sắc độ). Tuy nhiên, sử dụng HSL để tạo các biến thể màu có thể tạo ra kết quả đáng ngạc nhiên, vì nó không. Ví dụ: cả 2 và 3 đều có cùng độ sáng, mặc dù cái trước tối hơn nhiều so với cái sauMàu HSL được thể hiện thông qua ký hiệu chức năng 6 Ghi chú. Cú pháp kế thừa 5 là bí danh của 6, chấp nhận các tham số giống nhau và hoạt động theo cùng một cách Tương tự như mô hình màu HSL, mô hình màu HWB xác định một màu nhất định trong không gian màu sRGB theo các thành phần màu sắc, độ trắng và độ đen của nó Cũng như HSL, HWB có thể sử dụng trực quan hơn RGB. Màu sắc được chỉ định theo cùng một cách, theo sau là lượng độ trắng và độ đen tương ứng theo giá trị phần trăm. Chức năng này cũng chấp nhận một giá trị alpha Ghi chú. Không có hàm 7 riêng biệt như với HSL, giá trị alpha là một tham số tùy chọn, nếu nó không được chỉ định thì giá trị alpha là 1 (hoặc 100%) sẽ được sử dụng. Để chỉ định giá trị này, dấu gạch chéo lên phía trước (_______63_______8) phải theo sau giá trị độ đen trước khi chỉ định giá trị alphaMàu HWB được thể hiện thông qua ký hiệu 7 chức năng Ghi chú. Hàm HWB không dùng dấu phẩy để phân cách các giá trị như các hàm màu trước đây 7. 1Tương tự với HSSL. 2 (màu sắc) là một 3 của vòng tròn màu được đưa ra trong 4s, 5s, 6s hoặc 7s trong thông số kỹ thuật. Khi được viết dưới dạng 1 không có đơn vị, nó được hiểu là độ, như được chỉ định trong thông số kỹ thuật. Theo định nghĩa, màu đỏ=0độ=360độ, với các màu khác trải rộng xung quanh vòng tròn, vì vậy màu lục=120độ,xanh dương=240độ,v.v. Là một 3, nó hoàn toàn bao quanh sao cho -120deg=240deg, 480deg=120deg, -1turn=1turn, v.v. 0 (độ trắng) và 1 (độ đen) là tỷ lệ phần trăm. Hai màu này trộn lẫn với nhau, vì vậy bạn sẽ cần 2 độ trắng và 4 độ đen để tạo ra màu đen. Và ngược lại 4 độ trắng và 2 độ đen cho màu trắng. 6 của cả hai giá trị hiển thị màu xám trung tính và bất kỳ biến thể nào khác có sắc thái của màu được chỉ định 2 (alpha), tùy chọn, có thể là 1 trong khoảng từ 7 đến 8 hoặc 2, trong đó số 8 tương ứng với 4 (độ mờ hoàn toàn). Khi chỉ định một giá trị alpha, nó phải được đặt trước bằng dấu gạch chéo lên ( 8)Ở chế độ màu bắt buộc (có thể phát hiện được bằng truy vấn phương tiện màu bắt buộc), hầu hết các màu được giới hạn trong bảng màu do người dùng và trình duyệt xác định. Các màu hệ thống này được hiển thị bằng các từ khóa sau, có thể được sử dụng để đảm bảo rằng phần còn lại của trang tích hợp tốt với bảng màu hạn chế. Các giá trị này cũng có thể được sử dụng trong các ngữ cảnh khác, nhưng không được các trình duyệt hỗ trợ rộng rãi Các từ khóa trong danh sách sau đây được xác định bởi đặc tả Mô-đun Màu CSS Cấp 4. _________05, _______0_______06, _______0_______07, _______0_______08, _______0_______09, _______ 10, _______ 11, _______0_______12, _______0_______13, _______0_______14, _______0_______15, _______ 0_______16, _______ 17, _______ 18, _______ 19, _______ 20, _______ 21, _______ 23, _______ Ghi chú. Lưu ý rằng những từ khóa này không phân biệt chữ hoa chữ thường nhưng được liệt kê ở đây với cả chữ hoa chữ thường để dễ đọc CSS Color 4 giới thiệu màu Lab. Màu sắc phòng thí nghiệm được chỉ định thông qua ký hiệu chức năng 9. Chúng không bị giới hạn trong một không gian màu cụ thể và có thể đại diện cho toàn bộ phổ thị giác của con người CSS Color 4 giới thiệu màu LCH. Màu LCH được chỉ định thông qua ký hiệu chức năng 8. Chúng không bị giới hạn trong một không gian màu cụ thể và có thể đại diện cho toàn bộ phổ thị giác của con người Trên thực tế, LCH là dạng phân cực của Lab. Nó thân thiện với con người hơn Lab, vì các thành phần sắc độ và màu sắc của nó xác định chất lượng của màu mong muốn, trái ngược với việc pha trộn. Nó tương tự như HSL theo cách đó, mặc dù nó đồng nhất về mặt nhận thức hơn nhiều. Không giống như HSL mô tả cả 3 và 2 có cùng độ đậm nhạt, LCH (và Phòng thí nghiệm) mô tả chính xác độ đậm nhạt khác nhau cho chúng. cái trước (màu vàng) có L là 97. 6 và cái sau (màu xanh) L là 29. 6. Do đó, LCH có thể được sử dụng để tạo các bảng màu với các màu hoàn toàn khác nhau, với kết quả có thể dự đoán được. Xin lưu ý rằng sắc độ LCH không giống với sắc độ HSL và sắc độ LCH không giống với độ bão hòa HSL, mặc dù chúng có chung một số điểm tương đồng về khái niệmCSS Color 4 đã giới thiệu ký hiệu này. Các màu được chỉ định thông qua hàm 0 có thể chỉ định một màu trong bất kỳ không gian màu nào được xác định trước, cũng như các không gian màu tùy chỉnh, được xác định thông qua quy tắc 29 Trong hoạt ảnh và chuyển màu, các giá trị 0 được nội suy trên từng thành phần màu đỏ, xanh lá cây và xanh dương của chúng. Mỗi thành phần được nội suy dưới dạng một số thực, dấu phẩy động. Lưu ý rằng nội suy màu xảy ra trong để ngăn các màu xám không mong muốn xuất hiện. Trong hoạt ảnh, tốc độ của nội suy được xác định bởi chức năng thời gian Một số người gặp khó khăn trong việc phân biệt màu sắc. Khuyến nghị khuyên bạn không nên sử dụng màu sắc làm phương tiện duy nhất để truyền tải một thông điệp, hành động hoặc kết quả cụ thể. Xem để biết thêm thông tin
Trong ví dụ này, chúng tôi cung cấp một 31 và một kiểu nhập văn bản. Việc nhập một màu hợp lệ vào đầu vào sẽ làm cho 31 áp dụng màu đó, cho phép bạn kiểm tra các giá trị màu của chúng tôi HTML
CSS
Kết quảVí dụ này cho thấy nhiều cách có thể tạo một màu duy nhất bằng các cú pháp màu RGB khác nhau
NotationDescriptionLive 33red 34orange 35yellow 36lime green 37green 38blue-green 39cyan 40sky blue 41blue 42purple 43magenta 44pink 45red |