Đen sang xanh cổ vịt (đơn sắc) (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #00070a, #002429, #004e50, #007f77, #74b4a3. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#00070a
#00090c
#000b0f
#000e12
#001216
#00161b
#001a1f
#001f24
#002429
#00292e
#002e33
#003337
#00383c
#003d41
#004246
#00484b
#004e50
#005455
#005a5a
#006160
#006865
#006f6b
#007671
#007f77
#0a887d
#288f83
#3b978a
#4b9e90
#58a595
#64ab9b
#6db09f
#74b4a3

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(11.87% 0.0211 216.41) 0.0%, oklch(12.77% 0.0226 215.62) 3.2%, oklch(13.91% 0.0245 214.74) 6.5%, oklch(15.24% 0.0268 213.80) 9.7%, oklch(16.74% 0.0293 212.81) 12.9%, oklch(18.37% 0.0320 211.77) 16.1%, oklch(20.10% 0.0349 210.70) 19.4%, oklch(21.90% 0.0378 209.59) 22.6%, oklch(23.74% 0.0409 208.45) 25.8%, oklch(25.57% 0.0439 207.28) 29.0%, oklch(27.38% 0.0468 206.10) 32.3%, oklch(29.14% 0.0498 204.89) 35.5%, oklch(30.93% 0.0527 203.59) 38.7%, oklch(32.77% 0.0558 202.23) 41.9%, oklch(34.63% 0.0589 200.81) 45.2%, oklch(36.54% 0.0621 199.34) 48.4%, oklch(38.48% 0.0655 197.84) 51.6%, oklch(40.46% 0.0689 196.32) 54.8%, oklch(42.48% 0.0725 194.80) 58.1%, oklch(44.53% 0.0762 193.30) 61.3%, oklch(46.62% 0.0801 191.82) 64.5%, oklch(48.76% 0.0841 190.36) 67.7%, oklch(51.12% 0.0886 188.83) 71.0%, oklch(53.67% 0.0936 187.22) 74.2%, oklch(56.33% 0.0972 185.56) 77.4%, oklch(59.05% 0.0931 183.89) 80.6%, oklch(61.74% 0.0886 182.26) 83.9%, oklch(64.32% 0.0841 180.71) 87.1%, oklch(66.71% 0.0797 179.27) 90.3%, oklch(68.85% 0.0758 177.99) 93.5%, oklch(70.65% 0.0725 176.90) 96.8%, oklch(72.05% 0.0703 176.06) 100.0%);

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

Màu dưới nướ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