Trắng, xanh dương nhạt, nâu và tím đậm (gradient tuyến tính)

Bảng màu Trắng, xanh dương nhạt, nâu và tím đậm

Gradient tuyến tính, 32 màu, góc 135°: #f4f7ef, #a5e3e1, #31a6b4, #a96048, #4c354f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f4f7ef
#f0f6eb
#eaf4e7
#e2f3e4
#d8f1e1
#ccefe1
#bfece1
#b2e8e2
#a5e3e1
#98dce0
#8bd4df
#7dcadd
#71c1d9
#64b8d4
#55b0cd
#44aac3
#31a6b4
#27a39c
#3f9f7d
#649758
#858a37
#9d7a2a
#a86c36
#a96048
#a25855
#96515d
#874b60
#784660
#6a415c
#5d3c57
#533853
#4c354f

CSS

background: linear-gradient(135deg in oklch, oklch(97.24% 0.0110 123.75) 0.0%, oklch(96.56% 0.0151 129.60) 3.2%, oklch(95.74% 0.0205 137.80) 6.5%, oklch(94.76% 0.0271 147.58) 9.7%, oklch(93.62% 0.0343 158.18) 12.9%, oklch(92.32% 0.0417 168.87) 16.1%, oklch(90.83% 0.0491 178.86) 19.4%, oklch(89.17% 0.0560 187.42) 22.6%, oklch(87.30% 0.0621 193.92) 25.8%, oklch(85.07% 0.0681 200.59) 29.0%, oklch(82.48% 0.0741 207.73) 32.3%, oklch(79.68% 0.0801 214.38) 35.5%, oklch(76.79% 0.0858 219.59) 38.7%, oklch(73.93% 0.0910 222.38) 41.9%, oklch(71.22% 0.0955 221.80) 45.2%, oklch(68.79% 0.0992 216.89) 48.4%, oklch(66.75% 0.1018 206.44) 51.6%, oklch(65.09% 0.1038 189.01) 54.8%, oklch(63.68% 0.1052 166.19) 58.1%, oklch(62.43% 0.1060 139.91) 61.3%, oklch(61.23% 0.1060 112.13) 64.5%, oklch(59.96% 0.1053 84.79) 67.7%, oklch(58.52% 0.1038 59.84) 71.0%, oklch(56.79% 0.1013 39.23) 74.2%, oklch(54.64% 0.0976 23.49) 77.4%, oklch(52.03% 0.0920 10.00) 80.6%, oklch(49.13% 0.0851 358.42) 83.9%, oklch(46.12% 0.0774 348.55) 87.1%, oklch(43.18% 0.0697 340.19) 90.3%, oklch(40.50% 0.0626 333.12) 93.5%, oklch(38.25% 0.0566 327.15) 96.8%, oklch(36.61% 0.0524 322.07) 100.0%);

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

Màu liminal

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