Xanh hải quân, xanh dương và hồng (ba tông) (gradient xuyên tâm)

Bảng màu Xanh hải quân, xanh dương và hồng (ba tông)

Gradient xuyên tâm, 32 màu: #181426, #3e4088, #008cc7, #5ba8ec, #e884ad. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#181426
#1b172c
#201b35
#251f40
#2a254d
#302b5b
#35316a
#3a3979
#3e4088
#414896
#4350a2
#4258ac
#3e62b5
#356cbc
#2977c2
#1882c5
#008cc7
#0094c7
#009cc9
#00a3ce
#17a7d3
#2caada
#43aae3
#5ba8ec
#75a4f2
#8f9ef4
#a797f0
#bc90e6
#cd8bd7
#da87c7
#e285b8
#e884ad

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0358 293.20) 0.0%, oklch(22.03% 0.0419 292.09) 3.2%, oklch(24.05% 0.0502 290.79) 6.5%, oklch(26.44% 0.0603 289.31) 9.7%, oklch(29.12% 0.0715 287.63) 12.9%, oklch(32.01% 0.0833 285.74) 16.1%, oklch(35.01% 0.0951 283.65) 19.4%, oklch(38.04% 0.1065 281.35) 22.6%, oklch(41.02% 0.1168 278.83) 25.8%, oklch(43.85% 0.1255 276.09) 29.0%, oklch(46.44% 0.1321 273.11) 32.3%, oklch(48.82% 0.1361 269.53) 35.5%, oklch(51.22% 0.1382 264.36) 38.7%, oklch(53.62% 0.1387 258.04) 41.9%, oklch(56.01% 0.1380 251.08) 45.2%, oklch(58.34% 0.1364 244.03) 48.4%, oklch(60.58% 0.1331 237.42) 51.6%, oklch(62.70% 0.1275 231.75) 54.8%, oklch(64.67% 0.1256 227.56) 58.1%, oklch(66.45% 0.1263 225.39) 61.3%, oklch(68.00% 0.1257 225.76) 64.5%, oklch(69.30% 0.1254 229.25) 67.7%, oklch(70.34% 0.1255 236.59) 71.0%, oklch(71.13% 0.1258 247.24) 74.2%, oklch(71.73% 0.1263 260.39) 77.4%, oklch(72.16% 0.1270 275.24) 80.6%, oklch(72.46% 0.1278 290.96) 83.9%, oklch(72.66% 0.1285 306.77) 87.1%, oklch(72.81% 0.1293 321.83) 90.3%, oklch(72.92% 0.1300 335.35) 93.5%, oklch(73.05% 0.1305 346.50) 96.8%, oklch(73.23% 0.1309 354.49) 100.0%);

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

Gradient màu giả thiên văn

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