#47ff69
RGB
赤 | 71 |
---|---|
緑 | 255 |
青 | 105 |
HSL
色相 | 131° |
---|---|
彩度 | 100% |
明度 | 64% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 71, 緑 = 255, 青 = 105 )
HSL ( 色相 = 131°, 彩度 = 100%, 明度 = 64% )
H : 色相 ( 131° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ff4a47 : -130
11 : #ff6947 : -120
21 : #ff8847 : -110
31 : #ffa647 : -100
41 : #ffc547 : -90
51 : #ffe347 : -80
61 : #fcff47 : -70
71 : #ddff47 : -60
81 : #bfff47 : -50
91 : #a0ff47 : -40
101 : #82ff47 : -30
111 : #63ff47 : -20
121 : #47ff4a : -10
131 : #47ff69 : ±0
141 : #47ff88 : +10
151 : #47ffa6 : +20
161 : #47ffc5 : +30
171 : #47ffe3 : +40
181 : #47fcff : +50
191 : #47ddff : +60
201 : #47bfff : +70
211 : #47a0ff : +80
221 : #4782ff : +90
231 : #4763ff : +100
241 : #4a47ff : +110
251 : #6947ff : +120
261 : #8847ff : +130
271 : #a647ff : +140
281 : #c547ff : +150
291 : #e347ff : +160
301 : #ff47fc : +170
311 : #ff47dd : +180
321 : #ff47bf : +190
331 : #ff47a0 : +200
341 : #ff4782 : +210
351 : #ff4763 : +220
121 : #47ff4a : -10
122 : #47ff4e : -9
123 : #47ff51 : -8
124 : #47ff54 : -7
125 : #47ff57 : -6
126 : #47ff5a : -5
127 : #47ff5d : -4
128 : #47ff60 : -3
129 : #47ff63 : -2
130 : #47ff66 : -1
131 : #47ff69 : ±0
132 : #47ff6c : +1
133 : #47ff6f : +2
134 : #47ff72 : +3
135 : #47ff75 : +4
136 : #47ff78 : +5
137 : #47ff7b : +6
138 : #47ff7e : +7
139 : #47ff82 : +8
140 : #47ff85 : +9
141 : #47ff88 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a3a3a3 : -100
2 : #a1a5a2 : -98
4 : #a0a7a1 : -96
6 : #9ea9a0 : -94
8 : #9cab9f : -92
10 : #9aac9d : -90
12 : #98ae9c : -88
14 : #96b09b : -86
16 : #95b29a : -84
18 : #93b499 : -82
20 : #91b698 : -80
22 : #8fb796 : -78
24 : #8db995 : -76
26 : #8bbb94 : -74
28 : #89bd93 : -72
30 : #88bf92 : -70
32 : #86c191 : -68
34 : #84c28f : -66
36 : #82c48e : -64
38 : #80c68d : -62
40 : #7ec88c : -60
42 : #7dca8b : -58
44 : #7bcc8a : -56
46 : #79cd88 : -54
48 : #77cf87 : -52
50 : #75d186 : -50
52 : #73d385 : -48
54 : #72d584 : -46
56 : #70d783 : -44
58 : #6ed881 : -42
60 : #6cda80 : -40
62 : #6adc7f : -38
64 : #68de7e : -36
66 : #67e07d : -34
68 : #65e27c : -32
70 : #63e37b : -30
72 : #61e579 : -28
74 : #5fe778 : -26
76 : #5de977 : -24
78 : #5ceb76 : -22
80 : #5aed75 : -20
82 : #58ee74 : -18
84 : #56f072 : -16
86 : #54f271 : -14
88 : #52f470 : -12
90 : #51f66f : -10
92 : #4ff86e : -8
94 : #4df96d : -6
96 : #4bfb6b : -4
98 : #49fd6a : -2
100 : #47ff69 : ±0
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #000a02 : -62
4 : #001404 : -60
6 : #001f06 : -58
8 : #002907 : -56
10 : #003309 : -54
12 : #003d0b : -52
14 : #00470d : -50
16 : #00520f : -48
18 : #005c11 : -46
20 : #006613 : -44
22 : #007015 : -42
24 : #007a16 : -40
26 : #008518 : -38
28 : #008f1a : -36
30 : #00991c : -34
32 : #00a31e : -32
34 : #00ad20 : -30
36 : #00b822 : -28
38 : #00c224 : -26
40 : #00cc25 : -24
42 : #00d627 : -22
44 : #00e029 : -20
46 : #00eb2b : -18
48 : #00f52d : -16
50 : #00ff2f : -14
52 : #0aff37 : -12
54 : #14ff3f : -10
56 : #1fff48 : -8
58 : #29ff50 : -6
60 : #33ff58 : -4
62 : #3dff61 : -2
64 : #47ff69 : ±0
66 : #52ff71 : +2
68 : #5cff7a : +4
70 : #66ff82 : +6
72 : #70ff8a : +8
74 : #7aff93 : +10
76 : #85ff9b : +12
78 : #8fffa3 : +14
80 : #99ffac : +16
82 : #a3ffb4 : +18
84 : #adffbc : +20
86 : #b8ffc5 : +22
88 : #c2ffcd : +24
90 : #ccffd5 : +26
92 : #d6ffde : +28
94 : #e0ffe6 : +30
96 : #ebffee : +32
98 : #f5fff7 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow