Đen, xanh cổ vịt và xanh dương nhạt (tương đồng) (gradient xuyên tâm)

Bảng màu Đen, xanh cổ vịt và xanh dương nhạt (tương đồng)

Gradient xuyên tâm, 32 màu: #081c26, #0b4852, #008087, #3ab4b6, #9ae9e2. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#081c26
#081f2a
#09232e
#092833
#0a2d39
#0a333f
#0b3a45
#0b414b
#0b4852
#0a4f58
#0b565e
#0a5c65
#08636b
#056a72
#007179
#007880
#008087
#00878e
#008f95
#00969c
#079ea3
#19a5a9
#2aadaf
#3ab4b6
#4abcbc
#59c4c3
#67ccc9
#74d3cf
#81dad4
#8be0da
#94e5de
#9ae9e2

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.0331 231.33) 0.0%, oklch(22.82% 0.0351 229.87) 3.2%, oklch(24.29% 0.0377 227.91) 6.5%, oklch(26.03% 0.0408 225.57) 9.7%, oklch(27.98% 0.0442 222.96) 12.9%, oklch(30.10% 0.0479 220.18) 16.1%, oklch(32.33% 0.0518 217.34) 19.4%, oklch(34.63% 0.0559 214.55) 22.6%, oklch(36.94% 0.0599 211.92) 25.8%, oklch(39.22% 0.0639 209.56) 29.0%, oklch(41.42% 0.0677 207.58) 32.3%, oklch(43.53% 0.0714 206.03) 35.5%, oklch(45.67% 0.0757 204.78) 38.7%, oklch(47.84% 0.0803 203.77) 41.9%, oklch(50.04% 0.0851 202.94) 45.2%, oklch(52.26% 0.0889 202.25) 48.4%, oklch(54.49% 0.0927 201.65) 51.6%, oklch(56.74% 0.0965 201.09) 54.8%, oklch(58.98% 0.1003 200.51) 58.1%, oklch(61.23% 0.1041 199.88) 61.3%, oklch(63.47% 0.1069 199.14) 64.5%, oklch(65.72% 0.1076 198.25) 67.7%, oklch(68.11% 0.1068 197.23) 71.0%, oklch(70.64% 0.1049 196.12) 74.2%, oklch(73.24% 0.1021 194.94) 77.4%, oklch(75.86% 0.0986 193.75) 80.6%, oklch(78.42% 0.0948 192.56) 83.9%, oklch(80.87% 0.0907 191.42) 87.1%, oklch(83.13% 0.0868 190.36) 90.3%, oklch(85.15% 0.0833 189.41) 93.5%, oklch(86.86% 0.0805 188.62) 96.8%, oklch(88.19% 0.0785 188.00) 100.0%);

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

Gradient tông lạnh

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