#b503b2
RGB
赤 | 181 |
---|---|
緑 | 3 |
青 | 178 |
HSL
色相 | 301° |
---|---|
彩度 | 97% |
明度 | 36% |
輝度 | 30% |
3桁の色
補色
反転色
RGB ( 赤 = 181, 緑 = 3, 青 = 178 )
HSL ( 色相 = 301°, 彩度 = 97%, 明度 = 36% )
H : 色相 ( 301° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #b50603 : -300
11 : #b52303 : -290
21 : #b54103 : -280
31 : #b55f03 : -270
41 : #b57c03 : -260
51 : #b59a03 : -250
61 : #b2b503 : -240
71 : #94b503 : -230
81 : #77b503 : -220
91 : #59b503 : -210
101 : #3bb503 : -200
111 : #1db503 : -190
121 : #03b506 : -180
131 : #03b523 : -170
141 : #03b541 : -160
151 : #03b55f : -150
161 : #03b57c : -140
171 : #03b59a : -130
181 : #03b2b5 : -120
191 : #0394b5 : -110
201 : #0377b5 : -100
211 : #0359b5 : -90
221 : #033bb5 : -80
231 : #031db5 : -70
241 : #0603b5 : -60
251 : #2303b5 : -50
261 : #4103b5 : -40
271 : #5f03b5 : -30
281 : #7c03b5 : -20
291 : #9a03b5 : -10
301 : #b503b2 : ±0
311 : #b50394 : +10
321 : #b50377 : +20
331 : #b50359 : +30
341 : #b5033b : +40
351 : #b5031d : +50
291 : #9a03b5 : -10
292 : #9d03b5 : -9
293 : #a003b5 : -8
294 : #a303b5 : -7
295 : #a603b5 : -6
296 : #a903b5 : -5
297 : #ac03b5 : -4
298 : #af03b5 : -3
299 : #b203b5 : -2
300 : #b503b5 : -1
301 : #b503b2 : ±0
302 : #b503af : +1
303 : #b503ac : +2
304 : #b503a9 : +3
305 : #b503a6 : +4
306 : #b503a3 : +5
307 : #b503a0 : +6
308 : #b5039d : +7
309 : #b5039a : +8
310 : #b50397 : +9
311 : #b50394 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #5d5b5d : -96
3 : #5f595e : -94
5 : #605760 : -92
7 : #625562 : -90
9 : #645464 : -88
11 : #665266 : -86
13 : #685067 : -84
15 : #6a4e69 : -82
17 : #6b4c6b : -80
19 : #6d4a6d : -78
21 : #6f496e : -76
23 : #714770 : -74
25 : #734572 : -72
27 : #754374 : -70
29 : #764176 : -68
31 : #783f77 : -66
33 : #7a3e79 : -64
35 : #7c3c7b : -62
37 : #7e3a7d : -60
39 : #80387e : -58
41 : #813680 : -56
43 : #833482 : -54
45 : #853284 : -52
47 : #873186 : -50
49 : #892f87 : -48
51 : #8b2d89 : -46
53 : #8c2b8b : -44
55 : #8e298d : -42
57 : #90278e : -40
59 : #922690 : -38
61 : #942492 : -36
63 : #962294 : -34
65 : #972095 : -32
67 : #991e97 : -30
69 : #9b1c99 : -28
71 : #9d1b9b : -26
73 : #9f199d : -24
75 : #a1179e : -22
77 : #a215a0 : -20
79 : #a413a2 : -18
81 : #a611a4 : -16
83 : #a810a5 : -14
85 : #aa0ea7 : -12
87 : #ac0ca9 : -10
89 : #ae0aab : -8
91 : #af08ad : -6
93 : #b106ae : -4
95 : #b305b0 : -2
97 : #b503b2 : ±0
99 : #b701b4 : +2
L : 明度 ( 36% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -36
2 : #0a000a : -34
4 : #140014 : -32
6 : #1e001e : -30
8 : #280128 : -28
10 : #320131 : -26
12 : #3c013b : -24
14 : #460145 : -22
16 : #50014f : -20
18 : #5a0159 : -18
20 : #640263 : -16
22 : #6f026d : -14
24 : #790277 : -12
26 : #830280 : -10
28 : #8d028a : -8
30 : #970294 : -6
32 : #a1029e : -4
34 : #ab03a8 : -2
36 : #b503b2 : ±0
38 : #bf03bc : +2
40 : #c903c6 : +4
42 : #d303d0 : +6
44 : #dd03d9 : +8
46 : #e704e3 : +10
48 : #f104ed : +12
50 : #fb04f7 : +14
52 : #fb0ef7 : +16
54 : #fb18f8 : +18
56 : #fc22f8 : +20
58 : #fc2cf8 : +22
60 : #fc36f9 : +24
62 : #fc40f9 : +26
64 : #fc4af9 : +28
66 : #fc54fa : +30
68 : #fd5efa : +32
70 : #fd68fa : +34
72 : #fd72fb : +36
74 : #fd7cfb : +38
76 : #fd86fb : +40
78 : #fd90fc : +42
80 : #fd9bfc : +44
82 : #fea5fc : +46
84 : #feaffc : +48
86 : #feb9fd : +50
88 : #fec3fd : +52
90 : #fecdfd : +54
92 : #fed7fe : +56
94 : #ffe1fe : +58
96 : #ffebfe : +60
98 : #fff5ff : +62
100 : #ffffff : +64
CSS入門、作ってます。
text-shadow