#b303ce
RGB
赤 | 179 |
---|---|
緑 | 3 |
青 | 206 |
HSL
色相 | 292° |
---|---|
彩度 | 97% |
明度 | 41% |
輝度 | 31% |
3桁の色
補色
反転色
RGB ( 赤 = 179, 緑 = 3, 青 = 206 )
HSL ( 色相 = 292°, 彩度 = 97%, 明度 = 41% )
H : 色相 ( 292° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ce0a03 : -290
12 : #ce2c03 : -280
22 : #ce4e03 : -270
32 : #ce6f03 : -260
42 : #ce9103 : -250
52 : #ceb303 : -240
62 : #c7ce03 : -230
72 : #a5ce03 : -220
82 : #84ce03 : -210
92 : #62ce03 : -200
102 : #40ce03 : -190
112 : #1ece03 : -180
122 : #03ce0a : -170
132 : #03ce2c : -160
142 : #03ce4e : -150
152 : #03ce6f : -140
162 : #03ce91 : -130
172 : #03ceb3 : -120
182 : #03c7ce : -110
192 : #03a5ce : -100
202 : #0384ce : -90
212 : #0362ce : -80
222 : #0340ce : -70
232 : #031ece : -60
242 : #0a03ce : -50
252 : #2c03ce : -40
262 : #4e03ce : -30
272 : #6f03ce : -20
282 : #9103ce : -10
292 : #b303ce : ±0
302 : #ce03c7 : +10
312 : #ce03a5 : +20
322 : #ce0384 : +30
332 : #ce0362 : +40
342 : #ce0340 : +50
352 : #ce031e : +60
282 : #9103ce : -10
283 : #9403ce : -9
284 : #9803ce : -8
285 : #9b03ce : -7
286 : #9f03ce : -6
287 : #a203ce : -5
288 : #a503ce : -4
289 : #a903ce : -3
290 : #ac03ce : -2
291 : #b003ce : -1
292 : #b303ce : ±0
293 : #b603ce : +1
294 : #ba03ce : +2
295 : #bd03ce : +3
296 : #c003ce : +4
297 : #c403ce : +5
298 : #c703ce : +6
299 : #cb03ce : +7
300 : #ce03ce : +8
301 : #ce03cb : +9
302 : #ce03c7 : +10
S : 彩度 ( 97% )
(0%) 渋い ~ 鮮やか (100%)
1 : #69686a : -96
3 : #6b656c : -94
5 : #6c636e : -92
7 : #6e6170 : -90
9 : #6f5f72 : -88
11 : #715d74 : -86
13 : #735b76 : -84
15 : #745978 : -82
17 : #76577a : -80
19 : #77557c : -78
21 : #79537f : -76
23 : #7a5181 : -74
25 : #7c4e83 : -72
27 : #7d4c85 : -70
29 : #7f4a87 : -68
31 : #804889 : -66
33 : #82468b : -64
35 : #83448d : -62
37 : #85428f : -60
39 : #864091 : -58
41 : #883e93 : -56
43 : #8a3c96 : -54
45 : #8b3a98 : -52
47 : #8d379a : -50
49 : #8e359c : -48
51 : #90339e : -46
53 : #9131a0 : -44
55 : #932fa2 : -42
57 : #942da4 : -40
59 : #962ba6 : -38
61 : #9729a8 : -36
63 : #9927aa : -34
65 : #9a25ad : -32
67 : #9c23af : -30
69 : #9d20b1 : -28
71 : #9f1eb3 : -26
73 : #a11cb5 : -24
75 : #a21ab7 : -22
77 : #a418b9 : -20
79 : #a516bb : -18
81 : #a714bd : -16
83 : #a812bf : -14
85 : #aa10c1 : -12
87 : #ab0ec4 : -10
89 : #ad0cc6 : -8
91 : #ae09c8 : -6
93 : #b007ca : -4
95 : #b105cc : -2
97 : #b303ce : ±0
99 : #b401d0 : +2
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040005 : -40
3 : #0d000f : -38
5 : #160019 : -36
7 : #1f0123 : -34
9 : #27012d : -32
11 : #300137 : -30
13 : #390141 : -28
15 : #41014b : -26
17 : #4a0155 : -24
19 : #53015f : -22
21 : #5c0269 : -20
23 : #640274 : -18
25 : #6d027e : -16
27 : #760288 : -14
29 : #7f0292 : -12
31 : #87029c : -10
33 : #9003a6 : -8
35 : #9903b0 : -6
37 : #a103ba : -4
39 : #aa03c4 : -2
41 : #b303ce : ±0
43 : #bc03d8 : +2
45 : #c403e2 : +4
47 : #cd04ec : +6
49 : #d604f6 : +8
51 : #db09fb : +10
53 : #dc13fb : +12
55 : #de1dfc : +14
57 : #df27fc : +16
59 : #e131fc : +18
61 : #e23bfc : +20
63 : #e445fc : +22
65 : #e54ffc : +24
67 : #e759fc : +26
69 : #e863fd : +28
71 : #ea6dfd : +30
73 : #eb77fd : +32
75 : #ed81fd : +34
77 : #ee8bfd : +36
79 : #f096fd : +38
81 : #f1a0fe : +40
83 : #f2aafe : +42
85 : #f4b4fe : +44
87 : #f5befe : +46
89 : #f7c8fe : +48
91 : #f8d2fe : +50
93 : #fadcfe : +52
95 : #fbe6ff : +54
97 : #fdf0ff : +56
99 : #fefaff : +58
CSS入門、作ってます。
text-shadow