#55fd49
RGB
赤 | 85 |
---|---|
緑 | 253 |
青 | 73 |
HSL
色相 | 116° |
---|---|
彩度 | 98% |
明度 | 64% |
輝度 | 71% |
3桁の色
補色
反転色
RGB ( 赤 = 85, 緑 = 253, 青 = 73 )
HSL ( 色相 = 116°, 彩度 = 98%, 明度 = 64% )
H : 色相 ( 116° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #fd5b49 : -110
16 : #fd7949 : -100
26 : #fd9749 : -90
36 : #fdb549 : -80
46 : #fdd349 : -70
56 : #fdf149 : -60
66 : #ebfd49 : -50
76 : #cdfd49 : -40
86 : #affd49 : -30
96 : #91fd49 : -20
106 : #73fd49 : -10
116 : #55fd49 : ±0
126 : #49fd5b : +10
136 : #49fd79 : +20
146 : #49fd97 : +30
156 : #49fdb5 : +40
166 : #49fdd3 : +50
176 : #49fdf1 : +60
186 : #49ebfd : +70
196 : #49cdfd : +80
206 : #49affd : +90
216 : #4991fd : +100
226 : #4973fd : +110
236 : #4955fd : +120
246 : #5b49fd : +130
256 : #7949fd : +140
266 : #9749fd : +150
276 : #b549fd : +160
286 : #d349fd : +170
296 : #f149fd : +180
306 : #fd49eb : +190
316 : #fd49cd : +200
326 : #fd49af : +210
336 : #fd4991 : +220
346 : #fd4973 : +230
356 : #fd4955 : +240
106 : #73fd49 : -10
107 : #70fd49 : -9
108 : #6dfd49 : -8
109 : #6afd49 : -7
110 : #67fd49 : -6
111 : #64fd49 : -5
112 : #61fd49 : -4
113 : #5efd49 : -3
114 : #5bfd49 : -2
115 : #58fd49 : -1
116 : #55fd49 : ±0
117 : #52fd49 : +1
118 : #4ffd49 : +2
119 : #4cfd49 : +3
120 : #49fd49 : +4
121 : #49fd4c : +5
122 : #49fd4f : +6
123 : #49fd52 : +7
124 : #49fd55 : +8
125 : #49fd58 : +9
126 : #49fd5b : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -98
2 : #a2a5a1 : -96
4 : #a0a7a0 : -94
6 : #9ea99e : -92
8 : #9dab9c : -90
10 : #9bac9a : -88
12 : #9aae98 : -86
14 : #98b096 : -84
16 : #96b295 : -82
18 : #95b493 : -80
20 : #93b691 : -78
22 : #92b78f : -76
24 : #90b98d : -74
26 : #8fbb8b : -72
28 : #8dbd89 : -70
30 : #8bbf88 : -68
32 : #8ac186 : -66
34 : #88c284 : -64
36 : #87c482 : -62
38 : #85c680 : -60
40 : #83c87e : -58
42 : #82ca7d : -56
44 : #80cc7b : -54
46 : #7fcd79 : -52
48 : #7dcf77 : -50
50 : #7bd175 : -48
52 : #7ad373 : -46
54 : #78d572 : -44
56 : #77d770 : -42
58 : #75d86e : -40
60 : #73da6c : -38
62 : #72dc6a : -36
64 : #70de68 : -34
66 : #6fe067 : -32
68 : #6de265 : -30
70 : #6ce363 : -28
72 : #6ae561 : -26
74 : #68e75f : -24
76 : #67e95d : -22
78 : #65eb5c : -20
80 : #64ed5a : -18
82 : #62ee58 : -16
84 : #60f056 : -14
86 : #5ff254 : -12
88 : #5df452 : -10
90 : #5cf651 : -8
92 : #5af84f : -6
94 : #58f94d : -4
96 : #57fb4b : -2
98 : #55fd49 : ±0
100 : #54ff47 : +2
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #010a00 : -62
4 : #021400 : -60
6 : #021e00 : -58
8 : #032800 : -56
10 : #043201 : -54
12 : #053d01 : -52
14 : #054701 : -50
16 : #065101 : -48
18 : #075b01 : -46
20 : #086501 : -44
22 : #086f01 : -42
24 : #097901 : -40
26 : #0a8301 : -38
28 : #0b8d01 : -36
30 : #0c9702 : -34
32 : #0ca202 : -32
34 : #0dac02 : -30
36 : #0eb602 : -28
38 : #0fc002 : -26
40 : #0fca02 : -24
42 : #10d402 : -22
44 : #11de02 : -20
46 : #12e802 : -18
48 : #12f202 : -16
50 : #13fc03 : -14
52 : #1dfd0d : -12
54 : #26fd17 : -10
56 : #30fd21 : -8
58 : #39fd2b : -6
60 : #42fd35 : -4
62 : #4cfd3f : -2
64 : #55fd49 : ±0
66 : #5ffd53 : +2
68 : #68fd5d : +4
70 : #72fd68 : +6
72 : #7bfe72 : +8
74 : #84fe7c : +10
76 : #8efe86 : +12
78 : #97fe90 : +14
80 : #a1fe9a : +16
82 : #aafea4 : +18
84 : #b4feae : +20
86 : #bdfeb8 : +22
88 : #c6fec2 : +24
90 : #d0fecd : +26
92 : #d9ffd7 : +28
94 : #e3ffe1 : +30
96 : #ecffeb : +32
98 : #f6fff5 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow