Trang Chủ Xã hội Truyền thông Làm thế nào để sử dụng Hex Colors cho trang Web dựa trên HTML5 và CSS3 của bạn - những núm vú

Làm thế nào để sử dụng Hex Colors cho trang Web dựa trên HTML5 và CSS3 của bạn - những núm vú

Mục lục:

Video: Web Programming - Computer Science for Business Leaders 2016 2025

Video: Web Programming - Computer Science for Business Leaders 2016 2025
Anonim

Màu sắc trong HTML5 là một điều kỳ lạ. Cách "dễ" (màu tên) hóa ra có nhiều vấn đề. Phương pháp mà hầu hết các nhà phát triển web thực sự sử dụng âm thanh khó hơn nhiều, nhưng nó không phải là xấu như nó có thể có vẻ lúc đầu. Sơ đồ màu hex màu sử dụng sự kết hợp dường như kỳ quặc của các con số và chữ cái để xác định giá trị màu. là aqua. là màu vàng. Đó là một chương trình chỉ có một nhà khoa học máy tính có thể yêu.

Hex màu hoạt động bằng cách mô tả chính xác những gì máy tính đang làm, vì vậy bạn phải biết thêm một chút về cách các máy tính làm việc với màu sắc. Mỗi dấu chấm (hoặc pixel ) trên màn hình thực sự bao gồm ba chùm ánh sáng nhỏ. Mỗi pixel đều có các chùm màu đỏ, xanh lá cây và xanh nhạt.

Chùm ánh sáng làm việc giống như đèn sân khấu. Hãy tưởng tượng một sân khấu màu đen với ba đèn sân khấu (đỏ, xanh lá cây, và xanh) được huấn luyện cùng một chỗ. Nếu tất cả các đèn đều tắt, sân khấu hoàn toàn tối. Nếu bạn chỉ bật đèn đỏ, bạn sẽ thấy màu đỏ. Bạn có thể bật kết hợp để có được màu sắc mới.

Màu theo số

Trong một hệ thống máy tính, mỗi đèn nhỏ có thể được điều chỉnh theo các mức độ sáng khác nhau. Các giá trị này đo từ 0 đến 255. Vì vậy, bạn có thể miêu tả màu đỏ và vàng như.

Khoảng 0 đến 255 giá trị có vẻ kỳ lạ vì bạn có thể sử dụng cơ sở 10 toán học. Máy tính thực sự lưu trữ các giá trị trong ký hiệu nhị phân. Cách một máy tính nhìn thấy nó, màu vàng thực sự là 111111111111111100000000. Ack! Phải có một cách dễ dàng hơn để xử lý tất cả những giá trị nhị phân. Đó là lý do tại sao các nhà phát triển sử dụng ký hiệu thập lục phân .

Bất kỳ trang nào tương tác với người dùng sẽ có xu hướng sử dụng một ngôn ngữ lập trình. Hãy xem qua mã nhưng đừng lo lắng nếu bạn chưa sẵn sàng để thêm chương trình vào các trang web của mình.

Hex education

Tất cả những 1s và 0s đều trở nên tẻ nhạt. Các lập trình viên muốn chuyển đổi sang một định dạng khác dễ sử dụng hơn. Tin hay không, nó dễ dàng hơn để chuyển đổi số nhị phân để cơ sở 16 hơn so với cơ sở 10, do đó, những gì các lập trình viên làm. Bạn có thể sống sót tốt nếu không hiểu cơ sở 16 (còn gọi là hexadecimal ), nhưng bạn nên hiểu một số tính năng chính, chẳng hạn như:

  • Mỗi chữ số hex là viết tắt cho bốn chữ số nhị phân. Lý do toàn bộ các lập trình viên sử dụng hex là để đơn giản hóa làm việc với nhị phân.

  • Mỗi chữ số đại diện cho một giá trị từ 0 đến 15. Bốn số của binary đại diện cho một giá trị từ 0 đến 15.

  • Chúng ta phải tạo ra một số chữ số. Toàn bộ lý do mà hex trông rất kỳ lạ là sự bao gồm các nhân vật.Đây là vì một lý do đơn giản: Không có đủ số để đi vòng quanh!

    Số thập phân (Cơ sở 10) Hex (Cơ sở 16)
    0 0
    1 1
    2 2
    3 3 > 4
    4 5
    5 6
    6 7
    7 8
    8 9
    9 10
    A 11
    B 12
    C 13
    D 14
    E 15
    F 0-9 đều giống nhau ở dạng hex như trong cơ sở 10, nhưng các giá trị từ 10-15 (cơ số mười) được biểu diễn bởi các ký tự chữ cái trong hệ thập lục phân.

Bạn rất quen khi nhìn thấy giá trị 10 bằng với số ngón tay trên cả hai tay, nhưng không phải lúc nào bạn cũng bắt đầu rối tung với các hệ thống số như chúng ta đang làm ở đây. Số 10 chỉ đơn giản có nghĩa là một trong những cơ sở hiện tại. Cho đến bây giờ, bạn có thể chưa bao giờ sử dụng bất kỳ cơ sở nào trừ cơ sở mười, nhưng tất cả những thay đổi ngày hôm nay.

Số 10 là mười trong cơ sở mười, nhưng ở cơ số hai, 10 có nghĩa là hai. Ở cơ số 8, 10 có nghĩa là tám, và ở vị trí mười sáu, 10 có nghĩa là mười sáu. Điều này rất quan trọng bởi vì khi bạn muốn nói về số chữ số trong tay trong hex, bạn không thể sử dụng ký hiệu quen thuộc 10 vì trong hex 10 có nghĩa là mười sáu.

Bạn cần một giá trị một chữ số để đại diện cho mười, vì vậy các nhà khoa học máy tính đã tự lập luật mình ra khỏi mớ hỗn độn này bằng cách mượn thư. 10 là A, 11 là B, và 15 là F.

Nếu tất cả lý thuyết toán học này làm bạn chóng mặt, đừng lo lắng. Có một số phím tắt để tạo màu sắc tuyệt vời bằng cách sử dụng lược đồ này. Bây giờ, tuy nhiên, đây là những gì bạn cần hiểu để sử dụng các màu hex:

Một màu cần sáu chữ số của hex.

  • Một pixel yêu cầu ba màu, và mỗi màu sử dụng tám chữ số nhị phân. Hai chữ số của hex bao gồm mỗi màu. Hai chữ số đại diện cho màu đỏ, hai cho màu xanh lá cây, và cuối cùng hai cho màu xanh lam. Các giá trị màu lục giác thường bắt đầu bằng một dấu thăng.

  • Để cảnh báo trình duyệt rằng một giá trị sẽ có trong hệ thập lục phân, giá trị thường được đặt trước với dấu pound (#). Làm việc với màu sắc trong hex có thể thực sự điên rồ và khó khăn, nhưng nó có một số lợi thế quan trọng:

Độ chính xác:

  • Sử dụng hệ thống này cung cấp cho bạn một số lượng lớn các màu sắc để làm việc với. Không có cách nào bạn có thể đưa ra nhiều màu sắc đó tên một mình. Vâng, bạn có thể, nhưng bạn sẽ được rất, rất cũ bởi thời gian bạn đã làm xong. Tính khách quan:

  • Giá trị Hex không phải là vấn đề quan điểm. Có thể có một số tranh luận về màu nào bị cháy nắng, nhưng giá trị hex là không mơ hồ. Portability:

  • Hầu hết các phần mềm chỉnh sửa đồ họa sử dụng hệ thống hex, vì vậy bạn có thể chọn bất kỳ màu nào của hình ảnh và nhận được giá trị hex của nó ngay lập tức. Điều này sẽ giúp bạn dễ dàng tìm thấy màu mắt của mèo đối với ngôi đền trực tuyến này. Khả năng dự đoán:

  • Sau khi bạn hiểu nó hoạt động như thế nào, bạn có thể lấy bất kỳ màu hex và chuyển nó sang một giá trị tối hơn một chút, sáng hơn một chút, hoặc có một chút màu xanh trong nó. Điều này rất khó để làm với màu sắc được đặt tên. Dễ sử dụng:

  • Điều này có vẻ giống như một đoạn, nhưng sau khi bạn hiểu bảng web an toàn, rất dễ dàng để có được một ý tưởng thô của một màu sắc và sau đó tinh chỉnh nó để làm cho chính xác hình thức bạn ' Đang tìm kiếm.

Làm thế nào để sử dụng Hex Colors cho trang Web dựa trên HTML5 và CSS3 của bạn - những núm vú

Lựa chọn của người biên tập

Của MYOB sản xuất tóm tắt thanh toán ở MYOB - núm vú

Của MYOB sản xuất tóm tắt thanh toán ở MYOB - núm vú

Vào cuối mỗi năm trả lương (kết thúc vào ngày 30 tháng 6) có thể sử dụng MYOB để cung cấp cho mỗi nhân viên một bản tóm lược thanh toán. Tóm lược thanh toán là một tài liệu ngắn tóm tắt tổng tiền lương, thuế và trợ cấp mà nhân viên đã nhận được trong 12 tháng cuối cùng của việc làm. Thiết lập các bản tóm lược thanh toán Để ...

15 Tính năng Không Chuyển đổi và Không tồn tại trong QuickBooks Trực tuyến

15 Tính năng Không Chuyển đổi và Không tồn tại trong QuickBooks Trực tuyến

Các thông tin sau đây liệt kê các giao dịch và các tính năng không chuyển đổi từ máy tính để bàn QuickBooks sang QuickBooks Online (QBO) và cũng không có tính năng so sánh trong QBO. Mặc dù một hoặc nhiều giao dịch hoặc tính năng này có thể là các bộ phận ngắt kết nối, hãy nhớ rằng, đối với nhiều tính năng này, bạn có thể sử dụng cách giải quyết. Loại thông tin hoặc Ghi chú Tính năng ...

16 Tính năng có thể không chuyển đổi nhưng có tính năng tương đương trong QuickBooks Online - núm vú

16 Tính năng có thể không chuyển đổi nhưng có tính năng tương đương trong QuickBooks Online - núm vú

Trong một số trường hợp, một số dữ liệu có thể không chuyển đổi trong QuickBooks Online (QBO). Nhưng QBO chứa các giao dịch và các tính năng tương đương mà bạn có thể sử dụng. Kiểm tra các chi tiết sau đây. Để biết thêm thông tin, hãy ghé thăm cộng đồng. ngây thơ. com. Hàng tồn kho: QBO theo dõi hàng tồn kho, nhưng bạn có thể chọn không chuyển đổi hàng tồn kho, thay vào đó, sử dụng thông tin được tìm thấy trong phần "Làm thế nào để ...

Lựa chọn của người biên tập

QuickBooks 2014 Đối với người mới bắt đầu Cheat Sheet - núm vú

QuickBooks 2014 Đối với người mới bắt đầu Cheat Sheet - núm vú

QuickBooks 2014 làm cho kế toán doanh nghiệp nhỏ nhanh và dễ dàng. Nhưng công việc kế toán hàng ngày của bạn sẽ trở nên trơn tru hơn nếu bạn sử dụng một số phím tắt QuickBooks, kỹ thuật nhập dữ liệu, và thủ thuật giao diện.

Các nút cửa sổ Báo cáo nhanh của Báo cáo 2013 - Nhanh chóng

Các nút cửa sổ Báo cáo nhanh của Báo cáo 2013 - Nhanh chóng

Cửa sổ báo cáo QuickBooks 2013 thường cung cấp 9 nút khác nhau: Tùy chỉnh Báo cáo, , Ghi nhớ, In, E-mail, Excel, Ẩn Tiêu đề, Thu gọn và Làm mới. Bạn có thể tìm ra những nút lệnh này làm bằng cách thử nghiệm. Nút Modify Report hiển thị hộp thoại Modify Report. Bạn sử dụng nút lệnh này để tùy chỉnh báo cáo. Cửa sổ Thu thập thông tin ...

QuickBooks 2016 Tính toán và Chỉnh sửa Tricks - những con vú

QuickBooks 2016 Tính toán và Chỉnh sửa Tricks - những con vú

QuickBooks 2016 giúp dễ dàng tính toán và chỉnh sửa số. Nếu con trỏ chọn ở trong một trường số liệu, bạn có thể sử dụng các phím biểu tượng này để tạo các phép tính, chẳng hạn như thêm số bạn nhập vào số tiếp theo bạn nhập. Ngoài ra, bạn có thể thực hiện nhiều chỉnh sửa dữ liệu của bạn, chẳng hạn như thay thế ...

Lựa chọn của người biên tập

Cách thiết lập quản lý từ xa trong thiết bị Junos - núm vú

Cách thiết lập quản lý từ xa trong thiết bị Junos - núm vú

For in -band quản lý từ xa, trước tiên bạn phải quyết định giao diện mà bạn muốn là giao diện quản lý của bạn. Nói chung, lưu lượng quản lý không phải là quá nhiều, hoặc thậm chí đáng kể, do đó, chọn bất kỳ giao diện chậm hơn trên router của bạn có thể là đủ. Trên hầu hết các thiết bị, kết nối Fast Ethernet là quá đủ để xử lý lưu lượng quản lý. ...

Làm thế nào để Thiết lập Cổng dịch vụ SRX - núm vú

Làm thế nào để Thiết lập Cổng dịch vụ SRX - núm vú

Cách phổ biến nhất để cấu hình Juniper mới được cài đặt SRX Services Gateway sử dụng cổng console RJ-45. Rốt cuộc, ai đó phải thực sự ở thiết bị để cài đặt (cài đặt phần cứng từ xa có thể là một ngày nào đó, nhưng đó là một chặng đường dài). Một lý do khác là truy cập thông qua bất kỳ cách nào ...

Làm thế nào để Trunk Cùng nhau VLAN trên Junos Switches - Dummies

Làm thế nào để Trunk Cùng nhau VLAN trên Junos Switches - Dummies

Cổng truy cập chỉ đơn giản là các cổng kết nối với các thiết bị mạng . Theo mặc định, tất cả các cổng chuyển đổi đang ở chế độ truy cập, vì vậy bạn không cần phải chỉ định chế độ này trong cấu hình. Khi bạn kết nối một switch sang một switch khác hoặc với một router, chúng thường được kết nối với các cổng trunk. Trên các cổng trunk, các thiết bị thêm một ...