Xanh dương, tím oải hương và hồng tông trầm (gradient xuyên tâm)

Bảng màu Xanh dương, tím oải hương và hồng tông trầm

Gradient xuyên tâm, 32 màu: #2137a4, #6267b4, #a7a4c4, #d1b9c7, #dd98b8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

5 keyframe OKLCH chỉnh sửa được.

#2137a4
#263ba5
#2d40a7
#3545a9
#3e4cab
#4752ad
#5059b0
#5960b2
#6267b4
#6a6fb6
#7277b8
#7b80bb
#8489bd
#8d91bf
#9699c1
#9f9fc3
#a7a4c4
#afa9c5
#b7adc6
#beb1c7
#c4b4c7
#c9b7c7
#cdb9c7
#d1b9c7
#d4b8c6
#d6b5c4
#d8b1c2
#daabc0
#dba5bd
#dca0bb
#dc9bb9
#dd98b8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(39.76% 0.1764 267.89) 0.0%, oklch(40.87% 0.1721 268.75) 3.2%, oklch(42.31% 0.1665 269.92) 6.5%, oklch(44.02% 0.1599 271.31) 9.7%, oklch(45.94% 0.1524 272.84) 12.9%, oklch(48.01% 0.1444 274.44) 16.1%, oklch(50.16% 0.1360 276.01) 19.4%, oklch(52.33% 0.1275 277.47) 22.6%, oklch(54.47% 0.1191 278.74) 25.8%, oklch(56.78% 0.1099 279.41) 29.0%, oklch(59.29% 0.0996 279.61) 32.3%, oklch(61.89% 0.0889 279.67) 35.5%, oklch(64.51% 0.0783 279.91) 38.7%, oklch(67.05% 0.0681 280.66) 41.9%, oklch(69.41% 0.0590 282.25) 45.2%, oklch(71.52% 0.0513 285.00) 48.4%, oklch(73.31% 0.0455 289.32) 51.6%, oklch(74.95% 0.0405 295.66) 54.8%, oklch(76.46% 0.0364 303.51) 58.1%, oklch(77.81% 0.0333 312.22) 61.3%, oklch(78.97% 0.0312 321.15) 64.5%, oklch(79.92% 0.0303 329.66) 67.7%, oklch(80.62% 0.0307 337.12) 71.0%, oklch(81.04% 0.0324 342.88) 74.2%, oklch(81.11% 0.0361 346.62) 77.4%, oklch(80.71% 0.0426 348.97) 80.6%, oklch(79.97% 0.0510 350.23) 83.9%, oklch(79.02% 0.0605 350.70) 87.1%, oklch(77.97% 0.0703 350.65) 90.3%, oklch(76.97% 0.0794 350.38) 93.5%, oklch(76.13% 0.0870 350.18) 96.8%, oklch(75.59% 0.0923 350.32) 100.0%);

Trong các bộ sưu tập này

Sticker dán tủ đồ

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động