#381655
RGB ( 赤 = 56, 緑 = 22, 青 = 85 )
HSL ( 色相 = 272°, 彩度 = 59%, 明度 = 21% )
H : 色相 ( 272° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #551816 : -270
12 : #552316 : -260
22 : #552d16 : -250
32 : #553816 : -240
42 : #554216 : -230
52 : #554d16 : -220
62 : #535516 : -210
72 : #495516 : -200
82 : #3e5516 : -190
92 : #335516 : -180
102 : #295516 : -170
112 : #1e5516 : -160
122 : #165518 : -150
132 : #165523 : -140
142 : #16552d : -130
152 : #165538 : -120
162 : #165542 : -110
172 : #16554d : -100
182 : #165355 : -90
192 : #164955 : -80
202 : #163e55 : -70
212 : #163355 : -60
222 : #162955 : -50
232 : #161e55 : -40
242 : #181655 : -30
252 : #231655 : -20
262 : #2d1655 : -10
272 : #381655 : ±0
282 : #421655 : +10
292 : #4d1655 : +20
302 : #551653 : +30
312 : #551649 : +40
322 : #55163e : +50
332 : #551633 : +60
342 : #551629 : +70
352 : #55161e : +80
262 : #2d1655 : -10
263 : #2e1655 : -9
264 : #2f1655 : -8
265 : #301655 : -7
266 : #311655 : -6
267 : #321655 : -5
268 : #331655 : -4
269 : #341655 : -3
270 : #361655 : -2
271 : #371655 : -1
272 : #381655 : ±0
273 : #391655 : +1
274 : #3a1655 : +2
275 : #3b1655 : +3
276 : #3c1655 : +4
277 : #3d1655 : +5
278 : #3e1655 : +6
279 : #3f1655 : +7
280 : #401655 : +8
281 : #411655 : +9
282 : #421655 : +10
S : 彩度 ( 59% )
(0%) 渋い ~ 鮮やか (100%)
1 : #363536 : -58
3 : #363437 : -56
5 : #363338 : -54
7 : #363239 : -52
9 : #36313a : -50
11 : #36303b : -48
13 : #362f3d : -46
15 : #362e3e : -44
17 : #362c3f : -42
19 : #362b40 : -40
21 : #362a41 : -38
23 : #362942 : -36
25 : #362843 : -34
27 : #372744 : -32
29 : #372645 : -30
31 : #372546 : -28
33 : #372447 : -26
35 : #372348 : -24
37 : #372249 : -22
39 : #37214a : -20
41 : #37204c : -18
43 : #371f4d : -16
45 : #371d4e : -14
47 : #371c4f : -12
49 : #371b50 : -10
51 : #371a51 : -8
53 : #371952 : -6
55 : #381853 : -4
57 : #381754 : -2
59 : #381655 : ±0
61 : #381556 : +2
63 : #381457 : +4
65 : #381358 : +6
67 : #381259 : +8
69 : #38115a : +10
71 : #38105c : +12
73 : #380e5d : +14
75 : #380d5e : +16
77 : #380c5f : +18
79 : #380b60 : +20
81 : #380a61 : +22
83 : #390962 : +24
85 : #390863 : +26
87 : #390764 : +28
89 : #390665 : +30
91 : #390566 : +32
93 : #390467 : +34
95 : #390368 : +36
97 : #390269 : +38
99 : #39016b : +40
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -20
3 : #08030c : -18
5 : #0d0514 : -16
7 : #13071c : -14
9 : #180924 : -12
11 : #1d0c2d : -10
13 : #220e35 : -8
15 : #28103d : -6
17 : #2d1245 : -4
19 : #32144d : -2
21 : #381655 : ±0
23 : #3d185d : +2
25 : #421a65 : +4
27 : #481c6d : +6
29 : #4d1e76 : +8
31 : #52207e : +10
33 : #572386 : +12
35 : #5d258e : +14
37 : #622796 : +16
39 : #67299e : +18
41 : #6d2ba6 : +20
43 : #722dae : +22
45 : #772fb6 : +24
47 : #7d31bf : +26
49 : #8233c7 : +28
51 : #8738cc : +30
53 : #8c40ce : +32
55 : #9149d0 : +34
57 : #9651d2 : +36
59 : #9b59d4 : +38
61 : #9f61d6 : +40
63 : #a469d8 : +42
65 : #a971da : +44
67 : #ae79dc : +46
69 : #b381df : +48
71 : #b889e1 : +50
73 : #bd92e3 : +52
75 : #c29ae5 : +54
77 : #c7a2e7 : +56
79 : #ccaae9 : +58
81 : #d0b2eb : +60
83 : #d5baed : +62
85 : #dac2ef : +64
87 : #dfcaf1 : +66
89 : #e4d2f3 : +68
91 : #e9dbf6 : +70
93 : #eee3f8 : +72
95 : #f3ebfa : +74
97 : #f8f3fc : +76
99 : #fdfbfe : +78
CSS入門、作ってます。
text-shadow