Tím, be, xám và xanh lá đậm (gradient xuyên tâm)

Gradient xuyên tâm, 40 màu: #3d174f, #752a50, #d0a685, #ced4b8, #315d3b. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#3d174f
#401850
#441950
#481a51
#4d1b51
#531d52
#591e52
#5f2052
#662352
#6d2651
#752a50
#7c2f50
#84354f
#8c3c4f
#954650
#9f5253
#a96158
#b4715f
#be826a
#c79476
#d0a685
#d7b694
#dec5a3
#e3d1b1
#e7dbbd
#e8e1c5
#e7e4c9
#e2e2c7
#d9dcc2
#ced4b8
#bfc8ac
#afbb9d
#9dae8e
#8b9f7e
#78916f
#678360
#567753
#476c49
#3b6340
#315d3b

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(29.13% 0.1020 312.89) 0.0%, oklch(29.84% 0.1026 315.21) 2.6%, oklch(30.62% 0.1036 317.93) 5.1%, oklch(31.46% 0.1050 321.02) 7.7%, oklch(32.40% 0.1066 324.47) 10.3%, oklch(33.44% 0.1083 328.24) 12.8%, oklch(34.59% 0.1100 332.33) 15.4%, oklch(35.87% 0.1115 336.71) 17.9%, oklch(37.28% 0.1127 341.36) 20.5%, oklch(38.84% 0.1135 346.25) 23.1%, oklch(40.57% 0.1138 351.37) 25.6%, oklch(42.47% 0.1134 356.68) 28.2%, oklch(44.56% 0.1123 2.18) 30.8%, oklch(46.85% 0.1102 7.84) 33.3%, oklch(49.65% 0.1069 13.92) 35.9%, oklch(53.14% 0.1022 20.62) 38.5%, oklch(57.18% 0.0964 27.83) 41.0%, oklch(61.58% 0.0897 35.42) 43.6%, oklch(66.20% 0.0825 43.28) 46.2%, oklch(70.88% 0.0749 51.30) 48.7%, oklch(75.43% 0.0674 59.35) 51.3%, oklch(79.72% 0.0600 67.33) 53.8%, oklch(83.57% 0.0531 75.10) 56.4%, oklch(86.81% 0.0470 82.56) 59.0%, oklch(89.30% 0.0419 89.59) 61.5%, oklch(90.86% 0.0381 96.07) 64.1%, oklch(91.34% 0.0358 101.89) 66.7%, oklch(90.56% 0.0352 107.20) 69.2%, oklch(88.61% 0.0359 112.25) 71.8%, oklch(85.66% 0.0378 117.02) 74.4%, oklch(81.91% 0.0406 121.51) 76.9%, oklch(77.56% 0.0442 125.73) 79.5%, oklch(72.78% 0.0483 129.68) 82.1%, oklch(67.78% 0.0527 133.35) 84.6%, oklch(62.75% 0.0572 136.74) 87.2%, oklch(57.87% 0.0617 139.84) 89.7%, oklch(53.33% 0.0658 142.67) 92.3%, oklch(49.33% 0.0695 145.22) 94.9%, oklch(46.06% 0.0724 147.47) 97.4%, oklch(43.70% 0.0744 149.45) 100.0%);

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

Phải lòng bắp cải

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