Đen, xanh hải quân, tím và be (gradient xuyên tâm)

Gradient xuyên tâm, 32 màu: #171a20, #003761, #913c6e, #bd8b36, #eee1b8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#171a20
#171c24
#171f2b
#172232
#15253a
#112a43
#0c2e4d
#053357
#003761
#033b6b
#113e75
#24407f
#3a4086
#513f8a
#683d87
#7e3c7e
#913c6e
#a1405b
#ac4846
#b25432
#b46222
#b66f1d
#b97d26
#bd8b36
#c29849
#c8a55c
#cfb270
#d6be82
#dec893
#e5d2a2
#eadaaf
#eee1b8

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(21.65% 0.0124 264.37) 0.0%, oklch(22.53% 0.0182 263.30) 3.2%, oklch(23.61% 0.0259 260.99) 6.5%, oklch(24.87% 0.0353 257.94) 9.7%, oklch(26.30% 0.0457 254.62) 12.9%, oklch(27.85% 0.0568 251.50) 16.1%, oklch(29.52% 0.0680 249.06) 19.4%, oklch(31.27% 0.0790 247.79) 22.6%, oklch(33.08% 0.0892 248.15) 25.8%, oklch(34.93% 0.0982 250.62) 29.0%, oklch(36.78% 0.1055 255.69) 32.3%, oklch(38.64% 0.1111 264.02) 35.5%, oklch(40.55% 0.1161 276.13) 38.7%, oklch(42.50% 0.1204 291.29) 41.9%, oklch(44.52% 0.1241 308.66) 45.2%, oklch(46.60% 0.1271 327.44) 48.4%, oklch(48.75% 0.1293 346.79) 51.6%, oklch(50.97% 0.1308 5.92) 54.8%, oklch(53.27% 0.1313 23.98) 58.1%, oklch(55.66% 0.1309 40.17) 61.3%, oklch(58.14% 0.1296 53.67) 64.5%, oklch(60.73% 0.1272 63.77) 67.7%, oklch(63.66% 0.1228 71.42) 71.0%, oklch(66.89% 0.1166 77.24) 74.2%, oklch(70.33% 0.1090 81.52) 77.4%, oklch(73.86% 0.1004 84.53) 80.6%, oklch(77.38% 0.0914 86.55) 83.9%, oklch(80.77% 0.0824 87.85) 87.1%, oklch(83.93% 0.0738 88.71) 90.3%, oklch(86.75% 0.0661 89.41) 93.5%, oklch(89.13% 0.0597 90.22) 96.8%, oklch(90.94% 0.0551 91.42) 100.0%);

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

Sắc kính màu ghép

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