#22bf44
RGB
赤 | 34 |
---|---|
緑 | 191 |
青 | 68 |
HSL
色相 | 133° |
---|---|
彩度 | 70% |
明度 | 44% |
輝度 | 51% |
3桁の色
補色
反転色
RGB ( 赤 = 34, 緑 = 191, 青 = 68 )
HSL ( 色相 = 133°, 彩度 = 70%, 明度 = 44% )
H : 色相 ( 133° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #bf2a22 : -130
13 : #bf4422 : -120
23 : #bf5e22 : -110
33 : #bf7822 : -100
43 : #bf9222 : -90
53 : #bfac22 : -80
63 : #b7bf22 : -70
73 : #9dbf22 : -60
83 : #83bf22 : -50
93 : #68bf22 : -40
103 : #4ebf22 : -30
113 : #34bf22 : -20
123 : #22bf2a : -10
133 : #22bf44 : ±0
143 : #22bf5e : +10
153 : #22bf78 : +20
163 : #22bf92 : +30
173 : #22bfac : +40
183 : #22b7bf : +50
193 : #229dbf : +60
203 : #2283bf : +70
213 : #2268bf : +80
223 : #224ebf : +90
233 : #2234bf : +100
243 : #2a22bf : +110
253 : #4422bf : +120
263 : #5e22bf : +130
273 : #7822bf : +140
283 : #9222bf : +150
293 : #ac22bf : +160
303 : #bf22b7 : +170
313 : #bf229d : +180
323 : #bf2283 : +190
333 : #bf2268 : +200
343 : #bf224e : +210
353 : #bf2234 : +220
123 : #22bf2a : -10
124 : #22bf2c : -9
125 : #22bf2f : -8
126 : #22bf31 : -7
127 : #22bf34 : -6
128 : #22bf37 : -5
129 : #22bf39 : -4
130 : #22bf3c : -3
131 : #22bf3e : -2
132 : #22bf41 : -1
133 : #22bf44 : ±0
134 : #22bf46 : +1
135 : #22bf49 : +2
136 : #22bf4c : +3
137 : #22bf4e : +4
138 : #22bf51 : +5
139 : #22bf53 : +6
140 : #22bf56 : +7
141 : #22bf59 : +8
142 : #22bf5b : +9
143 : #22bf5e : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -70
2 : #6e726f : -68
4 : #6c756e : -66
6 : #69776c : -64
8 : #67796b : -62
10 : #657b6a : -60
12 : #637e69 : -58
14 : #608067 : -56
16 : #5e8266 : -54
18 : #5c8465 : -52
20 : #5a8763 : -50
22 : #588962 : -48
24 : #558b61 : -46
26 : #538d60 : -44
28 : #51905e : -42
30 : #4f925d : -40
32 : #4c945c : -38
34 : #4a965b : -36
36 : #489959 : -34
38 : #469b58 : -32
40 : #439d57 : -30
42 : #419f55 : -28
44 : #3fa254 : -26
46 : #3da453 : -24
48 : #3aa652 : -22
50 : #38a850 : -20
52 : #36ab4f : -18
54 : #34ad4e : -16
56 : #31af4d : -14
58 : #2fb14b : -12
60 : #2db44a : -10
62 : #2bb649 : -8
64 : #28b848 : -6
66 : #26ba46 : -4
68 : #24bc45 : -2
70 : #22bf44 : ±0
72 : #1fc142 : +2
74 : #1dc341 : +4
76 : #1bc540 : +6
78 : #19c83f : +8
80 : #16ca3d : +10
82 : #14cc3c : +12
84 : #12ce3b : +14
86 : #10d13a : +16
88 : #0dd338 : +18
90 : #0bd537 : +20
92 : #09d736 : +22
94 : #07da34 : +24
96 : #04dc33 : +26
98 : #02de32 : +28
100 : #00e031 : +30
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #020903 : -42
4 : #031106 : -40
6 : #051a09 : -38
8 : #06230c : -36
10 : #082b0f : -34
12 : #093412 : -32
14 : #0b3d16 : -30
16 : #0c4519 : -28
18 : #0e4e1c : -26
20 : #0f571f : -24
22 : #115f22 : -22
24 : #126825 : -20
26 : #147128 : -18
28 : #15792b : -16
30 : #17822e : -14
32 : #188b31 : -12
34 : #1a9334 : -10
36 : #1c9c37 : -8
38 : #1da53a : -6
40 : #1fad3e : -4
42 : #20b641 : -2
44 : #22bf44 : ±0
46 : #23c747 : +2
48 : #25d04a : +4
50 : #26d94d : +6
52 : #2fda54 : +8
54 : #38dc5b : +10
56 : #40dd62 : +12
58 : #49df69 : +14
60 : #52e071 : +16
62 : #5ae278 : +18
64 : #63e37f : +20
66 : #6ce586 : +22
68 : #74e78d : +24
70 : #7de894 : +26
72 : #86ea9b : +28
74 : #8eeba2 : +30
76 : #97edaa : +32
78 : #a0eeb1 : +34
80 : #a8f0b8 : +36
82 : #b1f1bf : +38
84 : #baf3c6 : +40
86 : #c2f4cd : +42
88 : #cbf6d4 : +44
90 : #d4f7db : +46
92 : #dcf9e3 : +48
94 : #e5faea : +50
96 : #eefcf1 : +52
98 : #f6fdf8 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow