#7adc56
RGB
赤 | 122 |
---|---|
緑 | 220 |
青 | 86 |
HSL
色相 | 104° |
---|---|
彩度 | 66% |
明度 | 60% |
輝度 | 69% |
3桁の色
補色
反転色
RGB ( 赤 = 122, 緑 = 220, 青 = 86 )
HSL ( 色相 = 104°, 彩度 = 66%, 明度 = 60% )
H : 色相 ( 104° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #dc5f56 : -100
14 : #dc7556 : -90
24 : #dc8c56 : -80
34 : #dca256 : -70
44 : #dcb856 : -60
54 : #dccf56 : -50
64 : #d3dc56 : -40
74 : #bddc56 : -30
84 : #a6dc56 : -20
94 : #90dc56 : -10
104 : #7adc56 : ±0
114 : #63dc56 : +10
124 : #56dc5f : +20
134 : #56dc75 : +30
144 : #56dc8c : +40
154 : #56dca2 : +50
164 : #56dcb8 : +60
174 : #56dccf : +70
184 : #56d3dc : +80
194 : #56bddc : +90
204 : #56a6dc : +100
214 : #5690dc : +110
224 : #567adc : +120
234 : #5663dc : +130
244 : #5f56dc : +140
254 : #7556dc : +150
264 : #8c56dc : +160
274 : #a256dc : +170
284 : #b856dc : +180
294 : #cf56dc : +190
304 : #dc56d3 : +200
314 : #dc56bd : +210
324 : #dc56a6 : +220
334 : #dc5690 : +230
344 : #dc567a : +240
354 : #dc5663 : +250
94 : #90dc56 : -10
95 : #8edc56 : -9
96 : #8cdc56 : -8
97 : #89dc56 : -7
98 : #87dc56 : -6
99 : #85dc56 : -5
100 : #83dc56 : -4
101 : #80dc56 : -3
102 : #7edc56 : -2
103 : #7cdc56 : -1
104 : #7adc56 : ±0
105 : #77dc56 : +1
106 : #75dc56 : +2
107 : #73dc56 : +3
108 : #71dc56 : +4
109 : #6edc56 : +5
110 : #6cdc56 : +6
111 : #6adc56 : +7
112 : #68dc56 : +8
113 : #65dc56 : +9
114 : #63dc56 : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #999999 : -66
2 : #989b97 : -64
4 : #979d95 : -62
6 : #969f93 : -60
8 : #95a191 : -58
10 : #94a38f : -56
12 : #93a58d : -54
14 : #92a78b : -52
16 : #91a989 : -50
18 : #90ab87 : -48
20 : #8fad85 : -46
22 : #8faf83 : -44
24 : #8eb181 : -42
26 : #8db47e : -40
28 : #8cb67c : -38
30 : #8bb87a : -36
32 : #8aba78 : -34
34 : #89bc76 : -32
36 : #88be74 : -30
38 : #87c072 : -28
40 : #86c270 : -26
42 : #85c46e : -24
44 : #84c66c : -22
46 : #83c86a : -20
48 : #82ca68 : -18
50 : #81cc66 : -16
52 : #80ce64 : -14
54 : #7fd062 : -12
56 : #7ed260 : -10
58 : #7dd45e : -8
60 : #7cd65c : -6
62 : #7bd85a : -4
64 : #7bda58 : -2
66 : #7adc56 : ±0
68 : #79de54 : +2
70 : #78e052 : +4
72 : #77e250 : +6
74 : #76e44e : +8
76 : #75e74b : +10
78 : #74e949 : +12
80 : #73eb47 : +14
82 : #72ed45 : +16
84 : #71ef43 : +18
86 : #70f141 : +20
88 : #6ff33f : +22
90 : #6ef53d : +24
92 : #6df73b : +26
94 : #6cf939 : +28
96 : #6bfb37 : +30
98 : #6afd35 : +32
100 : #69ff33 : +34
L : 明度 ( 60% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -60
2 : #040802 : -58
4 : #071103 : -56
6 : #0b1905 : -54
8 : #0e2207 : -52
10 : #122a09 : -50
12 : #15330a : -48
14 : #193b0c : -46
16 : #1c440e : -44
18 : #204c10 : -42
20 : #235511 : -40
22 : #275d13 : -38
24 : #2a6615 : -36
26 : #2e6e17 : -34
28 : #317718 : -32
30 : #357f1a : -30
32 : #38871c : -28
34 : #3c901d : -26
36 : #40981f : -24
38 : #43a121 : -22
40 : #47a923 : -20
42 : #4ab224 : -18
44 : #4eba26 : -16
46 : #51c328 : -14
48 : #55cb2a : -12
50 : #58d42b : -10
52 : #5fd534 : -8
54 : #66d73c : -6
56 : #6cd945 : -4
58 : #73db4d : -2
60 : #7adc56 : ±0
62 : #80de5e : +2
64 : #87e067 : +4
66 : #8ee26f : +6
68 : #94e378 : +8
70 : #9be580 : +10
72 : #a2e788 : +12
74 : #a8e891 : +14
76 : #afea99 : +16
78 : #b6eca2 : +18
80 : #bceeaa : +20
82 : #c3efb3 : +22
84 : #caf1bb : +24
86 : #d0f3c4 : +26
88 : #d7f5cc : +28
90 : #def6d5 : +30
92 : #e4f8dd : +32
94 : #ebfae6 : +34
96 : #f2fcee : +36
98 : #f8fdf7 : +38
100 : #ffffff : +40
CSS入門、作ってます。
text-shadow