#8bcd70
RGB
赤 | 139 |
---|---|
緑 | 205 |
青 | 112 |
HSL
色相 | 103° |
---|---|
彩度 | 48% |
明度 | 62% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 139, 緑 = 205, 青 = 112 )
HSL ( 色相 = 103°, 彩度 = 48%, 明度 = 62% )
H : 色相 ( 103° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #cd7470 : -100
13 : #cd8470 : -90
23 : #cd9370 : -80
33 : #cda370 : -70
43 : #cdb270 : -60
53 : #cdc270 : -50
63 : #c8cd70 : -40
73 : #b8cd70 : -30
83 : #a9cd70 : -20
93 : #99cd70 : -10
103 : #8acd70 : ±0
113 : #7acd70 : +10
123 : #70cd74 : +20
133 : #70cd84 : +30
143 : #70cd93 : +40
153 : #70cda3 : +50
163 : #70cdb2 : +60
173 : #70cdc2 : +70
183 : #70c8cd : +80
193 : #70b8cd : +90
203 : #70a9cd : +100
213 : #7099cd : +110
223 : #708acd : +120
233 : #707acd : +130
243 : #7470cd : +140
253 : #8470cd : +150
263 : #9370cd : +160
273 : #a370cd : +170
283 : #b270cd : +180
293 : #c270cd : +190
303 : #cd70c8 : +200
313 : #cd70b8 : +210
323 : #cd70a9 : +220
333 : #cd7099 : +230
343 : #cd708a : +240
353 : #cd707a : +250
93 : #99cd70 : -10
94 : #98cd70 : -9
95 : #96cd70 : -8
96 : #95cd70 : -7
97 : #93cd70 : -6
98 : #92cd70 : -5
99 : #90cd70 : -4
100 : #8fcd70 : -3
101 : #8dcd70 : -2
102 : #8bcd70 : -1
103 : #8acd70 : ±0
104 : #88cd70 : +1
105 : #87cd70 : +2
106 : #85cd70 : +3
107 : #84cd70 : +4
108 : #82cd70 : +5
109 : #81cd70 : +6
110 : #7fcd70 : +7
111 : #7ecd70 : +8
112 : #7ccd70 : +9
113 : #7acd70 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #9e9e9e : -48
2 : #9da09c : -46
4 : #9ca29a : -44
6 : #9ca498 : -42
8 : #9ba696 : -40
10 : #9aa894 : -38
12 : #99aa92 : -36
14 : #98ac91 : -34
16 : #97ae8f : -32
18 : #97b08d : -30
20 : #96b18b : -28
22 : #95b389 : -26
24 : #94b587 : -24
26 : #93b785 : -22
28 : #92b983 : -20
30 : #92bb81 : -18
32 : #91bd7f : -16
34 : #90bf7d : -14
36 : #8fc17b : -12
38 : #8ec379 : -10
40 : #8dc577 : -8
42 : #8cc775 : -6
44 : #8cc973 : -4
46 : #8bcb72 : -2
48 : #8acd70 : ±0
50 : #89cf6e : +2
52 : #88d06c : +4
54 : #87d26a : +6
56 : #87d468 : +8
58 : #86d666 : +10
60 : #85d864 : +12
62 : #84da62 : +14
64 : #83dc60 : +16
66 : #82de5e : +18
68 : #82e05c : +20
70 : #81e25a : +22
72 : #80e458 : +24
74 : #7fe656 : +26
76 : #7ee854 : +28
78 : #7dea53 : +30
80 : #7dec51 : +32
82 : #7cee4f : +34
84 : #7bef4d : +36
86 : #7af14b : +38
88 : #79f349 : +40
90 : #78f547 : +42
92 : #77f745 : +44
94 : #77f943 : +46
96 : #76fb41 : +48
98 : #75fd3f : +50
100 : #74ff3d : +52
L : 明度 ( 62% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -62
2 : #040803 : -60
4 : #080f05 : -58
6 : #0c1708 : -56
8 : #101e0b : -54
10 : #14260d : -52
12 : #182d10 : -50
14 : #1c3513 : -48
16 : #203c15 : -46
18 : #244418 : -44
20 : #284b1b : -42
22 : #2c531d : -40
24 : #305b20 : -38
26 : #356222 : -36
28 : #396a25 : -34
30 : #3d7128 : -32
32 : #41792a : -30
34 : #45802d : -28
36 : #498830 : -26
38 : #4d8f32 : -24
40 : #519735 : -22
42 : #559f38 : -20
44 : #59a63a : -18
46 : #5dae3d : -16
48 : #61b540 : -14
50 : #65bd42 : -12
52 : #6bbf4a : -10
54 : #71c251 : -8
56 : #77c559 : -6
58 : #7ec760 : -4
60 : #84ca68 : -2
62 : #8acd70 : ±0
64 : #90cf77 : +2
66 : #96d27f : +4
68 : #9cd586 : +6
70 : #a3d78e : +8
72 : #a9da95 : +10
74 : #afdd9d : +12
76 : #b5dfa4 : +14
78 : #bbe2ac : +16
80 : #c1e4b4 : +18
82 : #c8e7bb : +20
84 : #ceeac3 : +22
86 : #d4ecca : +24
88 : #daefd2 : +26
90 : #e0f2d9 : +28
92 : #e6f4e1 : +30
94 : #edf7e8 : +32
96 : #f3faf0 : +34
98 : #f9fcf7 : +36
100 : #ffffff : +38
CSS入門、作ってます。
text-shadow