Đen, xanh lá đậm, hồng và tím (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #11131b, #1f4c3b, #b0ba92, #fa9da3, #841e76. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#11131b
#111720
#121c25
#12232a
#122b2f
#133332
#183b35
#1c4338
#1f4c3b
#205540
#225e45
#29694b
#387551
#4f8258
#6e9366
#90a67a
#b0ba92
#cbcba9
#dfd8b9
#ecdbbc
#f6d5b5
#fdc7aa
#ffb3a3
#fa9da3
#f089a8
#e27aac
#d16aaa
#bf5aa2
#ac4996
#9c3888
#8e2a7d
#841e76

CSS

background: linear-gradient(135deg in oklch, oklch(18.90% 0.0165 269.30) 0.0%, oklch(20.32% 0.0193 258.95) 3.2%, oklch(22.23% 0.0229 244.06) 6.5%, oklch(24.51% 0.0272 226.65) 9.7%, oklch(27.06% 0.0321 208.72) 12.9%, oklch(29.77% 0.0374 192.29) 16.1%, oklch(32.52% 0.0430 179.35) 19.4%, oklch(35.22% 0.0495 171.21) 22.6%, oklch(37.88% 0.0580 166.59) 25.8%, oklch(40.64% 0.0672 164.10) 29.0%, oklch(43.65% 0.0759 162.35) 32.3%, oklch(47.06% 0.0827 160.00) 35.5%, oklch(51.00% 0.0865 155.65) 38.7%, oklch(55.86% 0.0854 148.47) 41.9%, oklch(62.34% 0.0781 139.80) 45.2%, oklch(69.69% 0.0673 130.00) 48.4%, oklch(76.99% 0.0557 119.21) 51.6%, oklch(83.36% 0.0463 107.56) 54.8%, oklch(87.90% 0.0418 95.22) 58.1%, oklch(89.78% 0.0451 82.08) 61.3%, oklch(89.25% 0.0563 66.54) 64.5%, oklch(86.93% 0.0730 49.33) 67.7%, oklch(83.39% 0.0924 31.80) 71.0%, oklch(79.17% 0.1120 15.28) 74.2%, oklch(74.83% 0.1291 1.14) 77.4%, oklch(70.89% 0.1411 350.67) 80.6%, oklch(66.47% 0.1493 343.82) 83.9%, oklch(61.36% 0.1552 339.63) 87.1%, oklch(56.04% 0.1593 337.34) 90.3%, oklch(51.01% 0.1623 336.21) 93.5%, oklch(46.74% 0.1646 335.50) 96.8%, oklch(43.70% 0.1667 334.46) 100.0%);

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

Màu phong lan

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