#883bfc
RGB
| 赤 | 136 |
|---|---|
| 緑 | 59 |
| 青 | 252 |
HSL
| 色相 | 264° |
|---|---|
| 彩度 | 97% |
| 明度 | 61% |
| 輝度 | 41% |
３桁の色
補色
反転色
RGB ( 赤 = 136, 緑 = 59, 青 = 252 )
HSL ( 色相 = 264°, 彩度 = 97%, 明度 = 61% )
H : 色相 ( 264° )
(0°) 赤～黄～緑～青～紫 (359°)
4 : #fc483b : -260
14 : #fc683b : -250
24 : #fc883b : -240
34 : #fca83b : -230
44 : #fcc93b : -220
54 : #fce93b : -210
64 : #effc3b : -200
74 : #cffc3b : -190
84 : #affc3b : -180
94 : #8ffc3b : -170
104 : #6ffc3b : -160
114 : #4efc3b : -150
124 : #3bfc48 : -140
134 : #3bfc68 : -130
144 : #3bfc88 : -120
154 : #3bfca8 : -110
164 : #3bfcc9 : -100
174 : #3bfce9 : -90
184 : #3beffc : -80
194 : #3bcffc : -70
204 : #3baffc : -60
214 : #3b8ffc : -50
224 : #3b6ffc : -40
234 : #3b4efc : -30
244 : #483bfc : -20
254 : #683bfc : -10
264 : #883bfc : ±0
274 : #a83bfc : +10
284 : #c93bfc : +20
294 : #e93bfc : +30
304 : #fc3bef : +40
314 : #fc3bcf : +50
324 : #fc3baf : +60
334 : #fc3b8f : +70
344 : #fc3b6f : +80
354 : #fc3b4e : +90
254 : #683bfc : -10
255 : #6b3bfc : -9
256 : #6f3bfc : -8
257 : #723bfc : -7
258 : #753bfc : -6
259 : #783bfc : -5
260 : #7b3bfc : -4
261 : #7f3bfc : -3
262 : #823bfc : -2
263 : #853bfc : -1
264 : #883bfc : ±0
265 : #8b3bfc : +1
266 : #8f3bfc : +2
267 : #923bfc : +3
268 : #953bfc : +4
269 : #983bfc : +5
270 : #9c3bfc : +6
271 : #9f3bfc : +7
272 : #a23bfc : +8
273 : #a53bfc : +9
274 : #a83bfc : +10
S : 彩度 ( 97% )
(0%) 渋い ～ 鮮やか (100%)
1 : #9b9b9d : -96
3 : #9b999f : -94
5 : #9b97a1 : -92
7 : #9a95a3 : -90
9 : #9a93a5 : -88
11 : #9991a6 : -86
13 : #998fa8 : -84
15 : #998daa : -82
17 : #988bac : -80
19 : #9889ae : -78
21 : #9787b0 : -76
23 : #9785b2 : -74
25 : #9783b4 : -72
27 : #9681b6 : -70
29 : #967fb8 : -68
31 : #957dba : -66
33 : #957bbc : -64
35 : #9579be : -62
37 : #9477c0 : -60
39 : #9475c2 : -58
41 : #9373c4 : -56
43 : #9371c6 : -54
45 : #936fc8 : -52
47 : #926dca : -50
49 : #926bcc : -48
51 : #9169ce : -46
53 : #9167d0 : -44
55 : #9165d2 : -42
57 : #9063d4 : -40
59 : #9061d6 : -38
61 : #8f5fd8 : -36
63 : #8f5dda : -34
65 : #8f5bdc : -32
67 : #8e59de : -30
69 : #8e57e0 : -28
71 : #8d55e2 : -26
73 : #8d53e4 : -24
75 : #8d51e6 : -22
77 : #8c4fe8 : -20
79 : #8c4dea : -18
81 : #8b4bec : -16
83 : #8b49ee : -14
85 : #8b47f0 : -12
87 : #8a45f2 : -10
89 : #8a43f4 : -8
91 : #8941f6 : -6
93 : #893ff8 : -4
95 : #893dfa : -2
97 : #883bfc : ±0
99 : #8839fe : +2
L : 明度 ( 61% )
(0%) 暗い ～ 明るい (100%)
1 : #020005 : -60
3 : #06000f : -58
5 : #0a0019 : -56
7 : #0e0123 : -54
9 : #12012d : -52
11 : #170137 : -50
13 : #1b0141 : -48
15 : #1f014b : -46
17 : #230155 : -44
19 : #27015f : -42
21 : #2b0269 : -40
23 : #2f0274 : -38
25 : #33027e : -36
27 : #370288 : -34
29 : #3c0292 : -32
31 : #40029c : -30
33 : #4403a6 : -28
35 : #4803b0 : -26
37 : #4c03ba : -24
39 : #5003c4 : -22
41 : #5403ce : -20
43 : #5803d8 : -18
45 : #5c03e2 : -16
47 : #6104ec : -14
49 : #6504f6 : -12
51 : #6a09fb : -10
53 : #7013fb : -8
55 : #761dfc : -6
57 : #7c27fc : -4
59 : #8231fc : -2
61 : #883bfc : ±0
63 : #8e45fc : +2
65 : #944ffc : +4
67 : #9b59fc : +6
69 : #a163fd : +8
71 : #a76dfd : +10
73 : #ad77fd : +12
75 : #b381fd : +14
77 : #b98bfd : +16
79 : #bf96fd : +18
81 : #c5a0fe : +20
83 : #cbaafe : +22
85 : #d1b4fe : +24
87 : #d7befe : +26
89 : #dec8fe : +28
91 : #e4d2fe : +30
93 : #eadcfe : +32
95 : #f0e6ff : +34
97 : #f6f0ff : +36
99 : #fcfaff : +38
CSS入門、作ってます。
text-shadow