Xanh cổ vịt, xanh dương, tím và đen (gradient tuyến tính)

Xanh cổ vịt, xanh dương, tím và đen: bảng màu gồm 32 màu. #47b2a2, #465276, #502a57, #3c1b3b, #1a0c18. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 7 keyframe OKLCH chỉnh sửa được.

#47b2a2
#43a8a1
#429a9d
#438a96
#457b8d
#456e84
#45647e
#455b7a
#465276
#484a72
#4b436e
#4c3d69
#4e3865
#4f3462
#50305f
#502d5b
#502a57
#4e2753
#4c254f
#4a244b
#472247
#442043
#401e3f
#3c1b3b
#381937
#341733
#30152e
#2b132a
#261124
#210f1f
#1d0d1b
#1a0c18

CSS

background: linear-gradient(135deg in oklch, oklch(69.69% 0.1006 182.11) 0.0%, oklch(67.15% 0.0939 188.91) 3.2%, oklch(63.51% 0.0840 198.43) 6.5%, oklch(59.33% 0.0730 209.64) 9.7%, oklch(55.19% 0.0633 221.54) 12.9%, oklch(51.67% 0.0570 233.12) 16.1%, oklch(48.96% 0.0556 244.50) 19.4%, oklch(46.59% 0.0574 256.85) 22.6%, oklch(44.51% 0.0614 269.34) 25.8%, oklch(42.68% 0.0662 281.10) 29.0%, oklch(41.05% 0.0705 291.25) 32.3%, oklch(39.65% 0.0739 299.18) 35.5%, oklch(38.59% 0.0779 305.41) 38.7%, oklch(37.76% 0.0819 310.35) 41.9%, oklch(37.02% 0.0854 314.37) 45.2%, oklch(36.26% 0.0877 317.84) 48.4%, oklch(35.38% 0.0882 321.00) 51.6%, oklch(34.50% 0.0872 323.40) 54.8%, oklch(33.64% 0.0850 325.11) 58.1%, oklch(32.74% 0.0821 326.36) 61.3%, oklch(31.79% 0.0791 327.33) 64.5%, oklch(30.74% 0.0763 328.21) 67.7%, oklch(29.60% 0.0736 328.69) 71.0%, oklch(28.39% 0.0707 328.80) 74.2%, oklch(27.13% 0.0675 328.77) 77.4%, oklch(25.86% 0.0640 328.79) 80.6%, oklch(24.59% 0.0599 329.07) 83.9%, oklch(23.19% 0.0546 329.63) 87.1%, oklch(21.68% 0.0484 330.34) 90.3%, oklch(20.23% 0.0422 331.07) 93.5%, oklch(18.99% 0.0368 331.72) 96.8%, oklch(18.11% 0.0331 332.17) 100.0%);

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

Tím mận đen

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