Bảng màu

Màu xanh đá phiến

Sắc xanh dương trung tính, trầm, phảng phất ánh tím. Tên gọi lấy từ đá phiến, loại đá vẫn được dùng để lợp mái nhà. Màu này phù hợp làm điểm nhấn trong thiết kế web hoặc nội thất cần sự yên tĩnh.

Còn gọi là: xanh slate.

Mở trong trình chỉnh sửa

Mã HEX của màu xanh đá phiến là #6A5ACD. Trong RGB là rgb(106, 90, 205), trong HSL là hsl(248, 53%, 58%) và trong CMYK là 48, 56, 0, 20.

Xem ngoài đời thực

Chọn một màu để phối và xem trông thế nào trên quần áo, nội thất và thiết kế.

Màu gần giống màu xanh đá phiến

Xanh hoàng gia#4169E1Tím thạch anh#9966CCXanh sapphire#0F52BATím hoàng gia#7851A9Xanh coban#0047ABTím nho#6F2DA8

Thông tin về màu xanh đá phiến

Màu xanh đá phiến (#6A5ACD) là màu lạnh, sáng vừa và rực vừa phải. Màu này thuộc nhóm màu xanh dương. Nó được pha từ 106 phần đỏ, 90 phần xanh lá và 205 phần xanh dương (trên 255). Màu này thường dùng cho web, nội thất, thiết kế đồ họa.

Mẫu màu Xanh đá phiến với các sắc độ từ sáng đến tối · #6A5ACD
Xanh đá phiến · #6A5ACD

Các sắc độ của màu xanh đá phiến: sáng và tối

Từ sáng đến tối. Chạm vào một sắc độ để sao chép mã màu.

Xem mọi sắc độ của màu: Công cụ tạo sắc độ màu

Phối màu hài hòa với màu xanh đá phiến

Các cách phối theo vòng tròn màu. Xem thêm tại phối màu hài hòa.

Bổ túcGần với: Vàng đồng thau
Tương đồngGần với: Xanh hoa ngô, Tím thạch anh
Bộ baGần với: Đất nung, Xanh lá pastel
Bổ túc chia táchGần với: Nâu nai, Xanh lá pastel
Bộ bốnGần với: Hồng má, Vàng đồng thau, Xanh ngọc

Bảng màu có màu xanh đá phiến

Sao chép mã màu hoặc mở bảng màu trong trình chỉnh sửa để tùy chỉnh.

Bảng màu Đơn sắc · Xanh đá phiến
Bảng màu Tương đồng · Xanh đá phiến
Bảng màu Bổ túc · Xanh đá phiến
Bảng màu Bộ ba · Xanh đá phiến
Bảng màu Với màu trung tính · Xanh đá phiến
Bảng màu Với màu nhấn · Xanh đá phiến

Độ tương phản giữa màu xanh đá phiến và chữ

Chữ trắngTương phản 5.3:1 · AA
Chữ đenTương phản 4.0:1 · AA chữ lớn

Theo hướng dẫn WCAG 2.1. Thử các cặp màu khác với công cụ kiểm tra tương phản.

Mã CSS

:root {
  --xanh-da-phien: #6A5ACD;
  --xanh-da-phien-rgb: 106, 90, 205;
}
.nền { background-color: var(--xanh-da-phien); }
.chữ { color: var(--xanh-da-phien); }

Màu gần giống màu xanh đá phiến

Xanh điệnXanh KleinXanh jeanXanh azure

Các màu xanh dương khác

Xanh dươngXanh tím thanXanh da trờiXanh cobanXanh sapphireXanh thépXanh hoàng giaXanh điệnXanh nửa đêmXanh lưu lyXanh PhápXanh PhổXanh dương pastelXanh babyXanh jeanXanh KleinXanh dương đậmXanh dương nhạtXanh thiên thanhXanh dừa cạnXanh azureXanh hoa ngôXanh khóiXanh đại dương
Mẫu màu Xanh đá phiến với các sắc độ từ sáng đến tối · #6A5ACD
Mẫu màu Xanh đá phiến với các sắc độ từ sáng đến tối · #6A5ACD

Thử tiếp công cụ này

Bảng màu theo tênNhập tên để nhận color story palette của riêng bạnVòng quay may mắnNhập lựa chọn rồi quay. Có cả vòng quay màu sắcMáy quay bảng màuKéo cần gạt để nhận một bảng màu
Xem tất cả công cụ miễn phí →

Câu hỏi thường gặp

Mã màu xanh đá phiến là gì?

Mã HEX của màu xanh đá phiến là #6A5ACD. Trong RGB là rgb(106, 90, 205), trong HSL là hsl(248, 53%, 58%) và trong CMYK là 48, 56, 0, 20.

Màu bổ túc của màu xanh đá phiến là gì?

Màu bổ túc trên vòng tròn màu là #BDCD5A, một sắc độ gần với vàng đồng thau. Dùng một lượng nhỏ, nó là màu nhấn đẹp và tạo tương phản mạnh.

Có thể dùng chữ trắng trên nền màu xanh đá phiến không?

Có. Độ tương phản với màu trắng là 5.3:1, đủ cho chữ thường (WCAG AA).