Nâu, xám, tím và xanh hải quân (gradient xuyên tâm)

Gradient xuyên tâm, 64 màu: #783642, #afc1a3, #7a859e, #382c44, #172d31. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#783642
#7c3a41
#804040
#854641
#8a4e41
#8f5643
#945f46
#98694a
#9d7450
#a07f57
#a38a60
#a6946a
#a89f75
#aaa981
#acb28d
#adba98
#afc1a3
#b0c7ad
#b2ccb6
#b3cfbd
#b3d1c3
#b2d1c7
#b0cfc9
#adcdca
#a8c8c9
#a3c3c7
#9ebcc4
#98b4c0
#92acba
#8ca3b4
#8699ae
#808fa6
#7a859e
#747b95
#6f718c
#696783
#645e79
#5f5570
#5a4d68
#554660
#514059
#4d3b54
#49374f
#46344b
#423149
#3f2f46
#3c2d45
#382c44
#352b43
#322b42
#2e2a41
#2b2a41
#282b40
#252b3f
#222b3e
#202c3d
#1d2c3c
#1c2d3a
#1a2d39
#192d37
#182d35
#182d34
#172d33
#172d31

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(42.52% 0.0923 11.25) 0.0%, oklch(43.68% 0.0908 15.51) 1.6%, oklch(45.18% 0.0889 20.48) 3.2%, oklch(46.99% 0.0866 26.12) 4.8%, oklch(49.05% 0.0841 32.37) 6.3%, oklch(51.33% 0.0813 39.16) 7.9%, oklch(53.79% 0.0783 46.44) 9.5%, oklch(56.39% 0.0752 54.15) 11.1%, oklch(59.07% 0.0719 62.22) 12.7%, oklch(61.81% 0.0685 70.61) 14.3%, oklch(64.56% 0.0651 79.24) 15.9%, oklch(67.27% 0.0617 88.07) 17.5%, oklch(69.91% 0.0583 97.03) 19.0%, oklch(72.44% 0.0550 106.07) 20.6%, oklch(74.80% 0.0517 115.12) 22.2%, oklch(76.97% 0.0487 124.13) 23.8%, oklch(78.90% 0.0458 133.04) 25.4%, oklch(80.54% 0.0432 141.79) 27.0%, oklch(81.86% 0.0408 150.32) 28.6%, oklch(82.82% 0.0388 158.56) 30.2%, oklch(83.37% 0.0371 166.48) 31.7%, oklch(83.46% 0.0358 173.99) 33.3%, oklch(83.09% 0.0349 181.51) 34.9%, oklch(82.27% 0.0344 189.43) 36.5%, oklch(81.04% 0.0341 197.68) 38.1%, oklch(79.46% 0.0341 206.18) 39.7%, oklch(77.55% 0.0344 214.86) 41.3%, oklch(75.36% 0.0349 223.65) 42.9%, oklch(72.94% 0.0356 232.46) 44.4%, oklch(70.31% 0.0364 241.24) 46.0%, oklch(67.52% 0.0373 249.89) 47.6%, oklch(64.62% 0.0384 258.36) 49.2%, oklch(61.64% 0.0395 266.55) 50.8%, oklch(58.63% 0.0406 274.42) 52.4%, oklch(55.62% 0.0417 281.86) 54.0%, oklch(52.65% 0.0428 288.82) 55.6%, oklch(49.78% 0.0438 295.22) 57.1%, oklch(47.03% 0.0448 300.99) 58.7%, oklch(44.44% 0.0456 306.05) 60.3%, oklch(42.07% 0.0462 310.32) 61.9%, oklch(39.95% 0.0467 313.74) 63.5%, oklch(38.12% 0.0469 316.22) 65.1%, oklch(36.61% 0.0469 317.71) 66.7%, oklch(35.37% 0.0466 318.00) 68.3%, oklch(34.27% 0.0462 317.06) 69.8%, oklch(33.30% 0.0457 314.98) 71.4%, oklch(32.45% 0.0450 311.89) 73.0%, oklch(31.73% 0.0442 307.90) 74.6%, oklch(31.10% 0.0433 303.12) 76.2%, oklch(30.58% 0.0424 297.67) 77.8%, oklch(30.14% 0.0413 291.65) 79.4%, oklch(29.78% 0.0403 285.19) 81.0%, oklch(29.48% 0.0391 278.40) 82.5%, oklch(29.24% 0.0380 271.38) 84.1%, oklch(29.05% 0.0369 264.26) 85.7%, oklch(28.90% 0.0358 257.15) 87.3%, oklch(28.78% 0.0347 250.15) 88.9%, oklch(28.68% 0.0336 243.40) 90.5%, oklch(28.59% 0.0326 236.99) 92.1%, oklch(28.50% 0.0317 231.04) 93.7%, oklch(28.40% 0.0308 225.67) 95.2%, oklch(28.28% 0.0301 220.99) 96.8%, oklch(28.14% 0.0294 217.11) 98.4%, oklch(27.95% 0.0289 214.15) 100.0%);

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

Miền hoang huyền bí

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