Xanh hải quân, xanh lá, nâu vàng và xanh dương (gradient xuyên tâm)

Xanh hải quân, xanh lá, nâu vàng và xanh dương: bảng màu gồm 64 màu. #0a1730, #007662, #ae9a4c, #959656, #1a518a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

64 màu, 4 keyframe OKLCH chỉnh sửa được.

#0a1730
#0a1a33
#091d37
#07213c
#052640
#002b46
#003149
#00374c
#003e50
#004454
#004b57
#00525b
#00595e
#006160
#006862
#006f63
#007662
#007d61
#09845d
#24885a
#348c57
#428f54
#4e9251
#5a944d
#66964a
#729747
#7c9844
#879943
#909943
#999a43
#a19a45
#a89a48
#ae9a4c
#b39a4f
#b79a53
#ba9a57
#bc9a5b
#bd9a5e
#be9a60
#be9a62
#bd9a63
#bb9a62
#b99a62
#b59960
#af995d
#a8985a
#9f9758
#959656
#889556
#7a9357
#6a915b
#598e5f
#458b65
#2f876b
#0f8371
#007c77
#00767a
#00707d
#006a80
#006482
#005f85
#005989
#0f558a
#1a518a

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.87% 0.0524 262.27) 0.0%, oklch(21.88% 0.0542 259.27) 1.6%, oklch(23.10% 0.0565 255.72) 3.2%, oklch(24.51% 0.0592 251.65) 4.8%, oklch(26.09% 0.0623 247.12) 6.3%, oklch(27.82% 0.0657 242.18) 7.9%, oklch(29.69% 0.0648 237.00) 9.5%, oklch(31.65% 0.0641 231.36) 11.1%, oklch(33.70% 0.0641 225.47) 12.7%, oklch(35.81% 0.0649 219.39) 14.3%, oklch(37.97% 0.0665 213.14) 15.9%, oklch(40.15% 0.0688 206.80) 17.5%, oklch(42.33% 0.0720 200.42) 19.0%, oklch(44.50% 0.0761 194.03) 20.6%, oklch(46.62% 0.0812 187.70) 22.2%, oklch(48.69% 0.0875 181.48) 23.8%, oklch(50.67% 0.0952 175.41) 25.4%, oklch(52.56% 0.1046 169.54) 27.0%, oklch(54.32% 0.1138 163.95) 28.6%, oklch(55.94% 0.1159 158.65) 30.2%, oklch(57.39% 0.1175 153.72) 31.7%, oklch(58.66% 0.1185 149.19) 33.3%, oklch(59.82% 0.1189 144.73) 34.9%, oklch(60.94% 0.1188 140.00) 36.5%, oklch(62.01% 0.1182 135.06) 38.1%, oklch(63.05% 0.1171 129.97) 39.7%, oklch(64.04% 0.1157 124.79) 41.3%, oklch(64.97% 0.1139 119.59) 42.9%, oklch(65.85% 0.1118 114.44) 44.4%, oklch(66.67% 0.1095 109.38) 46.0%, oklch(67.42% 0.1070 104.50) 47.6%, oklch(68.11% 0.1043 99.84) 49.2%, oklch(68.73% 0.1017 95.47) 50.8%, oklch(69.27% 0.0989 91.45) 52.4%, oklch(69.73% 0.0963 87.85) 54.0%, oklch(70.11% 0.0937 84.73) 55.6%, oklch(70.40% 0.0913 82.15) 57.1%, oklch(70.60% 0.0890 80.18) 58.7%, oklch(70.70% 0.0870 78.87) 60.3%, oklch(70.70% 0.0854 78.29) 61.9%, oklch(70.60% 0.0840 78.51) 63.5%, oklch(70.40% 0.0831 79.57) 65.1%, oklch(70.08% 0.0827 81.56) 66.7%, oklch(69.59% 0.0827 84.74) 68.3%, oklch(68.88% 0.0829 89.26) 69.8%, oklch(67.99% 0.0835 94.98) 71.4%, oklch(66.91% 0.0844 101.78) 73.0%, oklch(65.69% 0.0855 109.51) 74.6%, oklch(64.34% 0.0867 118.06) 76.2%, oklch(62.88% 0.0882 127.28) 77.8%, oklch(61.33% 0.0898 137.03) 79.4%, oklch(59.71% 0.0915 147.20) 81.0%, oklch(58.05% 0.0933 157.65) 82.5%, oklch(56.37% 0.0951 168.23) 84.1%, oklch(54.68% 0.0970 178.83) 85.7%, oklch(53.02% 0.0918 189.30) 87.3%, oklch(51.39% 0.0874 199.53) 88.9%, oklch(49.82% 0.0860 209.37) 90.5%, oklch(48.34% 0.0872 218.69) 92.1%, oklch(46.96% 0.0910 227.35) 93.7%, oklch(45.71% 0.0973 235.23) 95.2%, oklch(44.60% 0.1062 242.18) 96.8%, oklch(43.66% 0.1095 248.04) 98.4%, oklch(42.91% 0.1102 252.75) 100.0%);

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

Đồng phục học sinh

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