Đen, nâu, xanh lá nhạt và xanh dương nhạt (gradient xuyên tâm)

Bảng màu Đen, nâu, xanh lá nhạt và xanh dương nhạt

Gradient xuyên tâm, 32 màu: #0c111f, #4b3115, #bb9b57, #ccdaa7, #7bb5c9. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0c111f
#12111f
#180f1b
#1e1016
#221212
#271710
#301e11
#3c2713
#4b3115
#5c3c19
#6c481d
#7b5523
#89622b
#977135
#a58040
#b18e4c
#bb9b57
#c4a863
#ccb46f
#d2bf7b
#d5c987
#d4d191
#d1d79c
#ccdaa7
#c6dbb1
#bfdbb8
#b6d9bd
#a9d5c0
#99cdc3
#8ac4c6
#80bbc8
#7bb5c9

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(18.11% 0.0289 267.89) 0.0%, oklch(18.47% 0.0284 287.73) 3.2%, oklch(18.80% 0.0272 316.75) 6.5%, oklch(19.39% 0.0264 349.42) 9.7%, oklch(20.50% 0.0268 20.20) 12.9%, oklch(22.42% 0.0296 43.55) 16.1%, oklch(25.39% 0.0358 56.58) 19.4%, oklch(29.31% 0.0453 63.08) 22.6%, oklch(33.85% 0.0563 65.50) 25.8%, oklch(38.65% 0.0672 66.19) 29.0%, oklch(43.38% 0.0762 67.52) 32.3%, oklch(47.91% 0.0824 70.75) 35.5%, oklch(52.66% 0.0872 73.65) 38.7%, oklch(57.49% 0.0908 76.26) 41.9%, oklch(62.17% 0.0932 78.85) 45.2%, oklch(66.52% 0.0947 81.70) 48.4%, oklch(70.40% 0.0952 84.94) 51.6%, oklch(74.09% 0.0945 88.00) 54.8%, oklch(77.51% 0.0927 91.15) 58.1%, oklch(80.53% 0.0900 94.85) 61.3%, oklch(82.99% 0.0866 99.52) 64.5%, oklch(84.76% 0.0826 105.55) 67.7%, oklch(85.90% 0.0765 112.64) 71.0%, oklch(86.48% 0.0693 120.65) 74.2%, oklch(86.54% 0.0621 129.65) 77.4%, oklch(86.12% 0.0564 139.67) 80.6%, oklch(85.25% 0.0535 150.80) 83.9%, oklch(83.48% 0.0539 164.87) 87.1%, oklch(80.95% 0.0566 181.19) 90.3%, oklch(78.18% 0.0603 197.56) 93.5%, oklch(75.70% 0.0639 211.81) 96.8%, oklch(74.02% 0.0661 221.75) 100.0%);

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

Ánh trăng thỏ ngọc

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