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

Gradient xuyên tâm, 64 màu: #723447, #150622, #586b79, #9aa2aa, #100d0e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#723447
#6f3246
#6b3046
#662d45
#602a43
#5a2641
#53233f
#4c1f3c
#451b39
#3e1736
#371433
#301130
#290e2d
#230b2a
#1e0927
#190724
#150622
#120520
#0f051f
#0e061f
#0d071f
#0d0921
#0e0c23
#111128
#14172d
#191f34
#1f273c
#263144
#2f3b4e
#384658
#425263
#4d5e6e
#586b79
#647784
#6f838e
#7b8e99
#8699a2
#90a3ab
#98abb3
#a0b2b9
#a6b7be
#aabac1
#acbbc2
#acbac1
#aab7bd
#a6b1b8
#a0aab2
#9aa2aa
#9299a0
#898e96
#7f838b
#75777f
#6b6c73
#606066
#56545a
#4b494e
#413e43
#373438
#2e2b2e
#262325
#1f1b1d
#191517
#141012
#100d0e

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(41.34% 0.0909 2.81) 0.0%, oklch(40.59% 0.0898 0.85) 1.6%, oklch(39.56% 0.0885 358.54) 3.2%, oklch(38.30% 0.0870 355.93) 4.8%, oklch(36.83% 0.0853 353.03) 6.3%, oklch(35.19% 0.0834 349.88) 7.9%, oklch(33.43% 0.0815 346.51) 9.5%, oklch(31.57% 0.0794 342.93) 11.1%, oklch(29.65% 0.0772 339.18) 12.7%, oklch(27.72% 0.0749 335.30) 14.3%, oklch(25.80% 0.0726 331.30) 15.9%, oklch(23.93% 0.0702 327.21) 17.5%, oklch(22.15% 0.0678 323.06) 19.0%, oklch(20.49% 0.0654 318.89) 20.6%, oklch(19.00% 0.0630 314.71) 22.2%, oklch(17.71% 0.0607 310.56) 23.8%, oklch(16.65% 0.0584 306.46) 25.4%, oklch(15.86% 0.0561 302.45) 27.0%, oklch(15.37% 0.0540 298.55) 28.6%, oklch(15.24% 0.0519 294.78) 30.2%, oklch(15.48% 0.0500 291.19) 31.7%, oklch(16.14% 0.0482 287.78) 33.3%, oklch(17.35% 0.0465 284.30) 34.9%, oklch(19.17% 0.0449 280.49) 36.5%, oklch(21.53% 0.0432 276.41) 38.1%, oklch(24.36% 0.0416 272.11) 39.7%, oklch(27.60% 0.0401 267.66) 41.3%, oklch(31.17% 0.0385 263.12) 42.9%, oklch(35.01% 0.0370 258.55) 44.4%, oklch(39.05% 0.0355 254.00) 46.0%, oklch(43.21% 0.0341 249.54) 47.6%, oklch(47.44% 0.0326 245.22) 49.2%, oklch(51.66% 0.0313 241.11) 50.8%, oklch(55.81% 0.0299 237.26) 52.4%, oklch(59.80% 0.0286 233.74) 54.0%, oklch(63.59% 0.0273 230.60) 55.6%, oklch(67.09% 0.0261 227.91) 57.1%, oklch(70.25% 0.0248 225.71) 58.7%, oklch(72.98% 0.0237 224.08) 60.3%, oklch(75.22% 0.0225 223.07) 61.9%, oklch(76.91% 0.0214 222.75) 63.5%, oklch(77.98% 0.0203 223.16) 65.1%, oklch(78.35% 0.0193 224.38) 66.7%, oklch(78.00% 0.0183 226.59) 68.3%, oklch(77.02% 0.0173 229.88) 69.8%, oklch(75.44% 0.0164 234.14) 71.4%, oklch(73.35% 0.0155 239.28) 73.0%, oklch(70.79% 0.0147 245.17) 74.6%, oklch(67.83% 0.0138 251.72) 76.2%, oklch(64.52% 0.0131 258.82) 77.8%, oklch(60.94% 0.0123 266.36) 79.4%, oklch(57.13% 0.0116 274.24) 81.0%, oklch(53.16% 0.0109 282.35) 82.5%, oklch(49.09% 0.0103 290.59) 84.1%, oklch(44.98% 0.0097 298.84) 85.7%, oklch(40.89% 0.0091 307.01) 87.3%, oklch(36.88% 0.0085 314.98) 88.9%, oklch(33.01% 0.0080 322.66) 90.5%, oklch(29.34% 0.0075 329.93) 92.1%, oklch(25.93% 0.0071 336.68) 93.7%, oklch(22.85% 0.0066 342.82) 95.2%, oklch(20.15% 0.0062 348.24) 96.8%, oklch(17.89% 0.0059 352.82) 98.4%, oklch(16.14% 0.0055 356.47) 100.0%);

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

Gradient bầu trời đêm

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