#b221de
RGB
| 赤 | 178 |
|---|---|
| 緑 | 33 |
| 青 | 222 |
HSL
| 色相 | 286° |
|---|---|
| 彩度 | 74% |
| 明度 | 50% |
| 輝度 | 38% |
３桁の色
補色
反転色
RGB ( 赤 = 178, 緑 = 33, 青 = 222 )
HSL ( 色相 = 286°, 彩度 = 74%, 明度 = 50% )
H : 色相 ( 286° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #de3421 : -280
16 : #de5321 : -270
26 : #de7321 : -260
36 : #de9221 : -250
46 : #deb221 : -240
56 : #ded121 : -230
66 : #cbde21 : -220
76 : #acde21 : -210
86 : #8cde21 : -200
96 : #6dde21 : -190
106 : #4dde21 : -180
116 : #2ede21 : -170
126 : #21de34 : -160
136 : #21de53 : -150
146 : #21de73 : -140
156 : #21de92 : -130
166 : #21deb2 : -120
176 : #21ded1 : -110
186 : #21cbde : -100
196 : #21acde : -90
206 : #218cde : -80
216 : #216dde : -70
226 : #214dde : -60
236 : #212ede : -50
246 : #3421de : -40
256 : #5321de : -30
266 : #7321de : -20
276 : #9221de : -10
286 : #b221de : ±0
296 : #d121de : +10
306 : #de21cb : +20
316 : #de21ac : +30
326 : #de218c : +40
336 : #de216d : +50
346 : #de214d : +60
356 : #de212e : +70
276 : #9221de : -10
277 : #9621de : -9
278 : #9921de : -8
279 : #9c21de : -7
280 : #9f21de : -6
281 : #a221de : -5
282 : #a521de : -4
283 : #a821de : -3
284 : #ac21de : -2
285 : #af21de : -1
286 : #b221de : ±0
287 : #b521de : +1
288 : #b821de : +2
289 : #bb21de : +3
290 : #be21de : +4
291 : #c221de : +5
292 : #c521de : +6
293 : #c821de : +7
294 : #cb21de : +8
295 : #ce21de : +9
296 : #d121de : +10
S : 彩度 ( 74% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7f7f7f : -74
2 : #817d82 : -72
4 : #827a85 : -70
6 : #847887 : -68
8 : #85758a : -66
10 : #86738c : -64
12 : #88708f : -62
14 : #896e91 : -60
16 : #8a6b94 : -58
18 : #8c6996 : -56
20 : #8d6699 : -54
22 : #8e639c : -52
24 : #90619e : -50
26 : #915ea1 : -48
28 : #935ca3 : -46
30 : #9459a6 : -44
32 : #9557a8 : -42
34 : #9754ab : -40
36 : #9852ad : -38
38 : #994fb0 : -36
40 : #9b4db3 : -34
42 : #9c4ab5 : -32
44 : #9d47b8 : -30
46 : #9f45ba : -28
48 : #a042bd : -26
50 : #a240bf : -24
52 : #a33dc2 : -22
54 : #a43bc4 : -20
56 : #a638c7 : -18
58 : #a736c9 : -16
60 : #a833cc : -14
62 : #aa30cf : -12
64 : #ab2ed1 : -10
66 : #ac2bd4 : -8
68 : #ae29d6 : -6
70 : #af26d9 : -4
72 : #b024db : -2
74 : #b221de : ±0
76 : #b31fe0 : +2
78 : #b51ce3 : +4
80 : #b61ae6 : +6
82 : #b717e8 : +8
84 : #b914eb : +10
86 : #ba12ed : +12
88 : #bb0ff0 : +14
90 : #bd0df2 : +16
92 : #be0af5 : +18
94 : #bf08f7 : +20
96 : #c105fa : +22
98 : #c203fc : +24
100 : #c400ff : +26
L : 明度 ( 50% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -50
2 : #070109 : -48
4 : #0e0312 : -46
6 : #15041b : -44
8 : #1c0523 : -42
10 : #24072c : -40
12 : #2b0835 : -38
14 : #32093e : -36
16 : #390b47 : -34
18 : #400c50 : -32
20 : #470d59 : -30
22 : #4e0f62 : -28
24 : #55106a : -26
26 : #5c1173 : -24
28 : #64137c : -22
30 : #6b1485 : -20
32 : #72158e : -18
34 : #791797 : -16
36 : #8018a0 : -14
38 : #8719a9 : -12
40 : #8e1bb1 : -10
42 : #951cba : -8
44 : #9c1dc3 : -6
46 : #a41ecc : -4
48 : #ab20d5 : -2
50 : #b221de : ±0
52 : #b52adf : +2
54 : #b833e1 : +4
56 : #bb3ce2 : +6
58 : #be45e3 : +8
60 : #c14ee4 : +10
62 : #c456e6 : +12
64 : #c75fe7 : +14
66 : #cb68e8 : +16
68 : #ce71ea : +18
70 : #d17aeb : +20
72 : #d483ec : +22
74 : #d78cee : +24
76 : #da95ef : +26
78 : #dd9df0 : +28
80 : #e0a6f2 : +30
82 : #e3aff3 : +32
84 : #e6b8f4 : +34
86 : #e9c1f6 : +36
88 : #eccaf7 : +38
90 : #f0d3f8 : +40
92 : #f3dcfa : +42
94 : #f6e4fb : +44
96 : #f9edfc : +46
98 : #fcf6fe : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow