Thiết kế

QR, màu sắc và trợ giúp ảnh nhỏ.

Tạo mã QR

Tạo mã QR cho URL hoặc văn bản—ECC, kích thước, vùng yên tĩnh và màu sắc, tất cả đều có trên thiết bị.

Tạo mã vạch

CODE128, EAN-13, UPC hoặc CODE39.

Chọn màu

Hex, RGB và HSL từ màu.

Kiểm tra tương phản

Tỷ lệ tương phản WCAG hai màu.

SVG sang PNG

Raster SVG thành PNG.

Tạo favicon

Tạo một ICO biểu tượng yêu thích từ PNG—tập trung vào khung vẽ trong suốt, nhiều kích thước trong một tệp.

Tạo bảng màu

Bảng màu từ màu gốc.

Tạo gradient

Gradient CSS và PNG.

Ảnh OG

Ảnh chia sẻ 1200×630.

Tạo biểu đồ

CSV thành cột/đường.

Chụp mã

Render mã thành PNG.

Đổ bóng CSS

Chỉnh box-shadow trực tiếp.

Lịch in

PNG lịch tháng.

Thẻ meta

Tạo meta SEO/xã hội.

Avatar identicon

Avatar hình học từ văn bản.

Mô phỏng mù màu

Xấp xỉ CVD.

CSS Border Radius

Xem trước và sao chép border-radius bốn góc.

Ảnh giữ chỗ

Tạo PNG đặc với kích thước và nhãn.

CSS Outline

Tạo outline độ rộng, kiểu và màu.

CSS Opacity

Tạo quy tắc opacity: 0–1.

CSS Letter Spacing

Tạo quy tắc letter-spacing em.

CSS Line Height

Tạo quy tắc line-height không đơn vị.

CSS Word Spacing

Tạo quy tắc word-spacing em.

CSS Font Weight

Tạo quy tắc font-weight 100–900.

CSS Text Transform

Tạo quy tắc text-transform từ khóa.

CSS Text Align

Tạo quy tắc text-align từ khóa.

CSS Font Style

Tạo quy tắc font-style từ khóa.

CSS Text Decoration

Tạo quy tắc text-decoration từ khóa.

CSS Text Indent

Tạo quy tắc text-indent em.

CSS White Space

Tạo quy tắc white-space từ khóa.

CSS Cursor

Tạo quy tắc cursor từ khóa.

CSS User Select

Tạo quy tắc user-select từ khóa.

CSS Overflow

Tạo quy tắc overflow từ khóa.

CSS Gap

Tạo quy tắc gap rem.

Độ sáng hex

Độ sáng tương đối của màu hex.

Hex bổ sung

Màu hex bổ sung.

Làm sáng hex

Làm sáng màu hex theo phần trăm.

Làm tối hex

Làm tối màu hex theo phần trăm.

Trộn hex

Trộn hai màu hex.

Đảo hex

Đảo RGB của màu hex.

Hex sang HSL

Đổi hex thành HSL.

HSL sang Hex

Đổi HSL thành hex.

px sang rem

Đổi pixel thành rem.

rem sang px

Đổi rem thành pixel.

px sang em

Đổi pixel thành em.

em sang px

Đổi em thành pixel.

vw sang px

Đổi vw thành pixel.

px sang vw

Đổi pixel thành vw.

Alpha Hex8

Thêm alpha vào màu hex.

Tint hex

Trộn màu hex về trắng.

Shade hex

Trộn màu hex về đen.

Xám hex

Đổi hex thành xám.

Cặp tương phản hex

Tỷ lệ tương phản hai màu hex.

CSS Aspect Pad

padding-top % cho tỷ lệ khung.

Hex pastel ngẫu nhiên

Màu hex pastel ngẫu nhiên.