Xanh dương, xanh lá, nâu và trắng (gradient hình nón)

Xanh dương, xanh lá, nâu và trắng: bảng màu gồm 64 màu. #000419, #0b6a48, #b29243, #7a5137, #f9f8f5. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#000419
#000c26
#011c39
#08304e
#174866
#26627e
#357b95
#4292a7
#4ca4b4
#51afb9
#4fb1b5
#48acaa
#3ca299
#2e9485
#20856f
#13765a
#0b6a48
#0e6039
#185c2e
#255d28
#346224
#456a23
#587323
#6b7d25
#7e8729
#90902e
#9f9733
#a99a36
#b09b39
#b39a3c
#b5983f
#b49541
#b29243
#ae8d44
#aa8945
#a78444
#a37f43
#9f7840
#99703b
#916634
#8a5b2d
#825226
#7b4921
#76431f
#724020
#724224
#75472c
#7a5137
#825d46
#8b6c56
#957c69
#9f8c7c
#aa9c8f
#b4aaa1
#bcb6af
#c4c0bb
#ccc9c5
#d4d2cf
#dcdad8
#e3e2df
#eae9e6
#f0efec
#f5f4f1
#f9f8f5

CSS

background: conic-gradient(from 90deg in oklch, oklch(11.88% 0.0534 261.61) 0.0%, oklch(16.23% 0.0579 257.10) 1.6%, oklch(22.50% 0.0655 251.64) 3.2%, oklch(30.11% 0.0688 245.91) 4.8%, oklch(38.44% 0.0725 239.50) 6.3%, oklch(46.90% 0.0763 232.64) 7.9%, oklch(54.88% 0.0802 225.56) 9.5%, oklch(61.81% 0.0838 218.47) 11.1%, oklch(67.07% 0.0870 211.61) 12.7%, oklch(70.08% 0.0896 205.21) 14.3%, oklch(70.46% 0.0915 199.07) 15.9%, oklch(68.63% 0.0931 192.89) 17.5%, oklch(65.15% 0.0943 186.69) 19.0%, oklch(60.61% 0.0952 180.49) 20.6%, oklch(55.58% 0.0961 174.31) 22.2%, oklch(50.64% 0.0970 168.18) 23.8%, oklch(46.37% 0.0979 162.11) 25.4%, oklch(43.34% 0.0991 156.13) 27.0%, oklch(42.13% 0.1006 150.25) 28.6%, oklch(42.82% 0.1026 144.35) 30.2%, oklch(44.89% 0.1053 138.33) 31.7%, oklch(47.99% 0.1082 132.29) 33.3%, oklch(51.75% 0.1113 126.31) 34.9%, oklch(55.82% 0.1143 120.49) 36.5%, oklch(59.84% 0.1168 114.91) 38.1%, oklch(63.47% 0.1188 109.68) 39.7%, oklch(66.34% 0.1199 104.87) 41.3%, oklch(68.11% 0.1199 100.59) 42.9%, oklch(68.90% 0.1186 96.94) 44.4%, oklch(69.12% 0.1161 93.91) 46.0%, oklch(68.87% 0.1127 91.35) 47.6%, oklch(68.22% 0.1087 89.13) 49.2%, oklch(67.25% 0.1043 87.11) 50.8%, oklch(66.04% 0.1000 85.17) 52.4%, oklch(64.68% 0.0959 83.15) 54.0%, oklch(63.24% 0.0923 80.94) 55.6%, oklch(61.81% 0.0896 78.40) 57.1%, oklch(59.97% 0.0879 75.31) 58.7%, oklch(57.42% 0.0871 71.73) 60.3%, oklch(54.45% 0.0870 67.87) 61.9%, oklch(51.32% 0.0870 63.94) 63.5%, oklch(48.30% 0.0870 60.16) 65.1%, oklch(45.68% 0.0867 56.75) 66.7%, oklch(43.73% 0.0856 53.93) 68.3%, oklch(42.71% 0.0834 51.91) 69.8%, oklch(42.91% 0.0799 50.92) 71.4%, oklch(44.52% 0.0746 51.06) 73.0%, oklch(47.36% 0.0677 52.18) 74.6%, oklch(51.15% 0.0595 54.09) 76.2%, oklch(55.61% 0.0506 56.58) 77.8%, oklch(60.45% 0.0415 59.46) 79.4%, oklch(65.38% 0.0327 62.54) 81.0%, oklch(70.14% 0.0245 65.62) 82.5%, oklch(74.42% 0.0176 68.51) 84.1%, oklch(77.95% 0.0124 71.00) 85.7%, oklch(80.95% 0.0088 73.34) 87.3%, oklch(83.81% 0.0064 75.85) 88.9%, oklch(86.50% 0.0050 78.43) 90.5%, oklch(89.00% 0.0042 81.02) 92.1%, oklch(91.31% 0.0040 83.53) 93.7%, oklch(93.38% 0.0041 85.87) 95.2%, oklch(95.21% 0.0043 87.96) 96.8%, oklch(96.76% 0.0044 89.73) 98.4%, oklch(98.03% 0.0041 91.08) 100.0%);

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

Gradient độ cao

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