#601890
RGB ( 赤 = 96, 緑 = 24, 青 = 144 )
HSL ( 色相 = 276°, 彩度 = 71%, 明度 = 33% )
H : 色相 ( 276° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #902418 : -270
16 : #903818 : -260
26 : #904c18 : -250
36 : #906018 : -240
46 : #907418 : -230
56 : #908818 : -220
66 : #849018 : -210
76 : #709018 : -200
86 : #5c9018 : -190
96 : #489018 : -180
106 : #349018 : -170
116 : #209018 : -160
126 : #189024 : -150
136 : #189038 : -140
146 : #18904c : -130
156 : #189060 : -120
166 : #189074 : -110
176 : #189088 : -100
186 : #188490 : -90
196 : #187090 : -80
206 : #185c90 : -70
216 : #184890 : -60
226 : #183490 : -50
236 : #182090 : -40
246 : #241890 : -30
256 : #381890 : -20
266 : #4c1890 : -10
276 : #601890 : ±0
286 : #741890 : +10
296 : #881890 : +20
306 : #901884 : +30
316 : #901870 : +40
326 : #90185c : +50
336 : #901848 : +60
346 : #901834 : +70
356 : #901820 : +80
266 : #4c1890 : -10
267 : #4e1890 : -9
268 : #501890 : -8
269 : #521890 : -7
270 : #541890 : -6
271 : #561890 : -5
272 : #581890 : -4
273 : #5a1890 : -3
274 : #5c1890 : -2
275 : #5e1890 : -1
276 : #601890 : ±0
277 : #621890 : +1
278 : #641890 : +2
279 : #661890 : +3
280 : #681890 : +4
281 : #6a1890 : +5
282 : #6c1890 : +6
283 : #6e1890 : +7
284 : #701890 : +8
285 : #721890 : +9
286 : #741890 : +10
S : 彩度 ( 71% )
(0%) 渋い ~ 鮮やか (100%)
1 : #545355 : -70
3 : #555257 : -68
5 : #555058 : -66
7 : #554e5a : -64
9 : #564d5c : -62
11 : #564b5d : -60
13 : #56495f : -58
15 : #574861 : -56
17 : #574662 : -54
19 : #574464 : -52
21 : #584266 : -50
23 : #584168 : -48
25 : #583f69 : -46
27 : #593d6b : -44
29 : #593c6d : -42
31 : #593a6e : -40
33 : #5a3870 : -38
35 : #5a3772 : -36
37 : #5a3573 : -34
39 : #5b3375 : -32
41 : #5b3277 : -30
43 : #5b3078 : -28
45 : #5c2e7a : -26
47 : #5c2d7c : -24
49 : #5c2b7d : -22
51 : #5d297f : -20
53 : #5d2881 : -18
55 : #5d2682 : -16
57 : #5e2484 : -14
59 : #5e2386 : -12
61 : #5e2187 : -10
63 : #5f1f89 : -8
65 : #5f1d8b : -6
67 : #5f1c8d : -4
69 : #601a8e : -2
71 : #601890 : ±0
73 : #601792 : +2
75 : #611593 : +4
77 : #611395 : +6
79 : #611297 : +8
81 : #621098 : +10
83 : #620e9a : +12
85 : #620d9c : +14
87 : #630b9d : +16
89 : #63099f : +18
91 : #6308a1 : +20
93 : #6406a2 : +22
95 : #6404a4 : +24
97 : #6403a6 : +26
99 : #6501a7 : +28
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -32
3 : #09020d : -30
5 : #0f0416 : -28
7 : #14051f : -26
9 : #1a0727 : -24
11 : #200830 : -22
13 : #260a39 : -20
15 : #2c0b41 : -18
17 : #320d4a : -16
19 : #370e53 : -14
21 : #3d105c : -12
23 : #431164 : -10
25 : #49126d : -8
27 : #4f1476 : -6
29 : #54157e : -4
31 : #5a1787 : -2
33 : #601890 : ±0
35 : #661a99 : +2
37 : #6c1ba1 : +4
39 : #721daa : +6
41 : #771eb3 : +8
43 : #7d20bc : +10
45 : #8321c4 : +12
47 : #8923cd : +14
49 : #8f24d6 : +16
51 : #9429db : +18
53 : #9832dc : +20
55 : #9d3bde : +22
57 : #a143df : +24
59 : #a54ce1 : +26
61 : #aa55e2 : +28
63 : #ae5ee4 : +30
65 : #b266e5 : +32
67 : #b76fe7 : +34
69 : #bb78e8 : +36
71 : #c081ea : +38
73 : #c489eb : +40
75 : #c892ed : +42
77 : #cd9bee : +44
79 : #d1a3ef : +46
81 : #d5acf1 : +48
83 : #dab5f2 : +50
85 : #debef4 : +52
87 : #e3c6f5 : +54
89 : #e7cff7 : +56
91 : #ebd8f8 : +58
93 : #f0e0fa : +60
95 : #f4e9fb : +62
97 : #f8f2fd : +64
99 : #fdfbfe : +66
CSS入門、作ってます。
text-shadow