Xanh hải quân, xanh cổ vịt, xanh dương và đen (tương đồng) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh cổ vịt, xanh dương và đen (tương đồng)

Gradient xuyên tâm, 32 màu: #011224, #007466, #00b0bb, #008597, #010200. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#011224
#00182b
#002133
#002c3c
#003946
#004750
#005659
#006560
#007466
#01816b
#168b6f
#1c9375
#189b80
#05a38d
#00a99d
#00adad
#00b0bb
#00b1c8
#11b0d1
#22acd3
#27a7cf
#21a0c5
#0f95b2
#008597
#007379
#005f5b
#004a3e
#083525
#082212
#051205
#030701
#010200

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(17.72% 0.0455 248.91) 0.0%, oklch(20.15% 0.0492 243.87) 3.2%, oklch(23.45% 0.0512 236.94) 6.5%, oklch(27.39% 0.0535 228.11) 9.7%, oklch(31.80% 0.0573 218.33) 12.9%, oklch(36.47% 0.0627 208.16) 16.1%, oklch(41.22% 0.0701 198.16) 19.4%, oklch(45.84% 0.0794 188.91) 22.6%, oklch(50.15% 0.0904 180.96) 25.8%, oklch(53.94% 0.1016 174.90) 29.0%, oklch(57.03% 0.1062 171.27) 32.3%, oklch(59.45% 0.1098 170.75) 35.5%, oklch(61.79% 0.1132 173.55) 38.7%, oklch(64.01% 0.1163 178.97) 41.9%, oklch(66.01% 0.1157 186.21) 45.2%, oklch(67.69% 0.1156 194.53) 48.4%, oklch(68.96% 0.1174 203.14) 51.6%, oklch(69.71% 0.1211 211.28) 54.8%, oklch(69.86% 0.1235 218.16) 58.1%, oklch(69.30% 0.1222 223.04) 61.3%, oklch(67.94% 0.1196 225.13) 64.5%, oklch(65.63% 0.1156 223.70) 67.7%, oklch(61.84% 0.1092 218.75) 71.0%, oklch(56.69% 0.0984 210.96) 74.2%, oklch(50.53% 0.0859 201.00) 77.4%, oklch(43.70% 0.0756 189.55) 80.6%, oklch(36.55% 0.0675 177.29) 83.9%, oklch(29.41% 0.0559 164.88) 87.1%, oklch(22.63% 0.0448 153.02) 90.3%, oklch(16.55% 0.0349 142.36) 93.5%, oklch(11.52% 0.0266 133.59) 96.8%, oklch(7.88% 0.0205 127.53) 100.0%);

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

Gradient xanh dương và xanh lá

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