#b913ec
RGB
赤 | 185 |
---|---|
緑 | 19 |
青 | 236 |
HSL
色相 | 286° |
---|---|
彩度 | 85% |
明度 | 50% |
輝度 | 37% |
3桁の色
補色
反転色
RGB ( 赤 = 185, 緑 = 19, 青 = 236 )
HSL ( 色相 = 286°, 彩度 = 85%, 明度 = 50% )
H : 色相 ( 286° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ec2913 : -280
16 : #ec4d13 : -270
26 : #ec7113 : -260
36 : #ec9513 : -250
46 : #ecb913 : -240
56 : #ecdd13 : -230
66 : #d6ec13 : -220
76 : #b2ec13 : -210
86 : #8eec13 : -200
96 : #6aec13 : -190
106 : #46ec13 : -180
116 : #22ec13 : -170
126 : #13ec29 : -160
136 : #13ec4d : -150
146 : #13ec71 : -140
156 : #13ec95 : -130
166 : #13ecb9 : -120
176 : #13ecdd : -110
186 : #13d6ec : -100
196 : #13b2ec : -90
206 : #138eec : -80
216 : #136aec : -70
226 : #1346ec : -60
236 : #1322ec : -50
246 : #2913ec : -40
256 : #4d13ec : -30
266 : #7113ec : -20
276 : #9513ec : -10
286 : #b913ec : ±0
296 : #dd13ec : +10
306 : #ec13d6 : +20
316 : #ec13b2 : +30
326 : #ec138e : +40
336 : #ec136a : +50
346 : #ec1346 : +60
356 : #ec1322 : +70
276 : #9513ec : -10
277 : #9913ec : -9
278 : #9c13ec : -8
279 : #a013ec : -7
280 : #a413ec : -6
281 : #a713ec : -5
282 : #ab13ec : -4
283 : #ae13ec : -3
284 : #b213ec : -2
285 : #b613ec : -1
286 : #b913ec : ±0
287 : #bd13ec : +1
288 : #c113ec : +2
289 : #c413ec : +3
290 : #c813ec : +4
291 : #cb13ec : +5
292 : #cf13ec : +6
293 : #d313ec : +7
294 : #d613ec : +8
295 : #da13ec : +9
296 : #dd13ec : +10
S : 彩度 ( 85% )
(0%) 渋い ~ 鮮やか (100%)
1 : #807e81 : -84
3 : #827c83 : -82
5 : #837986 : -80
7 : #847788 : -78
9 : #86748b : -76
11 : #87718e : -74
13 : #886f90 : -72
15 : #8a6c93 : -70
17 : #8b6a95 : -68
19 : #8c6798 : -66
21 : #8e659a : -64
23 : #8f629d : -62
25 : #91609f : -60
27 : #925da2 : -58
29 : #935ba4 : -56
31 : #9558a7 : -54
33 : #9655aa : -52
35 : #9753ac : -50
37 : #9950af : -48
39 : #9a4eb1 : -46
41 : #9b4bb4 : -44
43 : #9d49b6 : -42
45 : #9e46b9 : -40
47 : #9f44bb : -38
49 : #a141be : -36
51 : #a23ec1 : -34
53 : #a43cc3 : -32
55 : #a539c6 : -30
57 : #a637c8 : -28
59 : #a834cb : -26
61 : #a932cd : -24
63 : #aa2fd0 : -22
65 : #ac2dd2 : -20
67 : #ad2ad5 : -18
69 : #ae28d7 : -16
71 : #b025da : -14
73 : #b122dd : -12
75 : #b320df : -10
77 : #b41de2 : -8
79 : #b51be4 : -6
81 : #b718e7 : -4
83 : #b816e9 : -2
85 : #b913ec : ±0
87 : #bb11ee : +2
89 : #bc0ef1 : +4
91 : #bd0bf4 : +6
93 : #bf09f6 : +8
95 : #c006f9 : +10
97 : #c104fb : +12
99 : #c301fe : +14
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070109 : -48
4 : #0f0213 : -46
6 : #16021c : -44
8 : #1e0326 : -42
10 : #25042f : -40
12 : #2c0539 : -38
14 : #340542 : -36
16 : #3b064b : -34
18 : #430755 : -32
20 : #4a085e : -30
22 : #520868 : -28
24 : #590971 : -26
26 : #600a7b : -24
28 : #680b84 : -22
30 : #6f0b8e : -20
32 : #770c97 : -18
34 : #7e0da0 : -16
36 : #850eaa : -14
38 : #8d0fb3 : -12
40 : #940fbd : -10
42 : #9c10c6 : -8
44 : #a311d0 : -6
46 : #aa12d9 : -4
48 : #b212e2 : -2
50 : #b913ec : ±0
52 : #bc1ded : +2
54 : #bf26ed : +4
56 : #c22fee : +6
58 : #c439ef : +8
60 : #c742f0 : +10
62 : #ca4cf0 : +12
64 : #cd55f1 : +14
66 : #d05ff2 : +16
68 : #d268f3 : +18
70 : #d571f4 : +20
72 : #d87bf4 : +22
74 : #db84f5 : +24
76 : #de8ef6 : +26
78 : #e097f7 : +28
80 : #e3a1f7 : +30
82 : #e6aaf8 : +32
84 : #e9b4f9 : +34
86 : #ebbdfa : +36
88 : #eec6fa : +38
90 : #f1d0fb : +40
92 : #f4d9fc : +42
94 : #f7e3fd : +44
96 : #f9ecfd : +46
98 : #fcf6fe : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow