#710383
RGB
赤 | 113 |
---|---|
緑 | 3 |
青 | 131 |
HSL
色相 | 292° |
---|---|
彩度 | 96% |
明度 | 26% |
輝度 | 20% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 113, 緑 = 3, 青 = 131 )
HSL ( 色相 = 292°, 彩度 = 96%, 明度 = 26% )
H : 色相 ( 292° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #820703 : -290
12 : #821c03 : -280
22 : #823103 : -270
32 : #824703 : -260
42 : #825c03 : -250
52 : #827103 : -240
62 : #7e8203 : -230
72 : #688203 : -220
82 : #538203 : -210
92 : #3e8203 : -200
102 : #298203 : -190
112 : #148203 : -180
122 : #038207 : -170
132 : #03821c : -160
142 : #038231 : -150
152 : #038247 : -140
162 : #03825c : -130
172 : #038271 : -120
182 : #037e82 : -110
192 : #036882 : -100
202 : #035382 : -90
212 : #033e82 : -80
222 : #032982 : -70
232 : #031482 : -60
242 : #070382 : -50
252 : #1c0382 : -40
262 : #310382 : -30
272 : #470382 : -20
282 : #5c0382 : -10
292 : #710382 : ±0
302 : #82037e : +10
312 : #820368 : +20
322 : #820353 : +30
332 : #82033e : +40
342 : #820329 : +50
352 : #820314 : +60
282 : #5c0382 : -10
283 : #5e0382 : -9
284 : #600382 : -8
285 : #620382 : -7
286 : #640382 : -6
287 : #660382 : -5
288 : #680382 : -4
289 : #6b0382 : -3
290 : #6d0382 : -2
291 : #6f0382 : -1
292 : #710382 : ±0
293 : #730382 : +1
294 : #750382 : +2
295 : #770382 : +3
296 : #790382 : +4
297 : #7c0382 : +5
298 : #7e0382 : +6
299 : #800382 : +7
300 : #820382 : +8
301 : #820380 : +9
302 : #82037e : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -96
2 : #434144 : -94
4 : #444045 : -92
6 : #453e46 : -90
8 : #463d48 : -88
10 : #473c49 : -86
12 : #483a4a : -84
14 : #49394c : -82
16 : #4a384d : -80
18 : #4b364e : -78
20 : #4c3550 : -76
22 : #4d3451 : -74
24 : #4e3252 : -72
26 : #4f3154 : -70
28 : #503055 : -68
30 : #512e56 : -66
32 : #522d58 : -64
34 : #532c59 : -62
36 : #542a5a : -60
38 : #55295b : -58
40 : #56285d : -56
42 : #57265e : -54
44 : #58255f : -52
46 : #592461 : -50
48 : #5a2262 : -48
50 : #5b2163 : -46
52 : #5c2065 : -44
54 : #5d1e66 : -42
56 : #5e1d67 : -40
58 : #5e1c69 : -38
60 : #5f1b6a : -36
62 : #60196b : -34
64 : #61186d : -32
66 : #62176e : -30
68 : #63156f : -28
70 : #641471 : -26
72 : #651372 : -24
74 : #661173 : -22
76 : #671075 : -20
78 : #680f76 : -18
80 : #690d77 : -16
82 : #6a0c79 : -14
84 : #6b0b7a : -12
86 : #6c097b : -10
88 : #6d087d : -8
90 : #6e077e : -6
92 : #6f057f : -4
94 : #700481 : -2
96 : #710382 : ±0
98 : #720183 : +2
100 : #730085 : +4
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #09000a : -24
4 : #110014 : -22
6 : #1a011e : -20
8 : #230128 : -18
10 : #2b0132 : -16
12 : #34013c : -14
14 : #3d0146 : -12
16 : #460250 : -10
18 : #4e025a : -8
20 : #570264 : -6
22 : #60026e : -4
24 : #680278 : -2
26 : #710382 : ±0
28 : #7a038c : +2
30 : #820396 : +4
32 : #8b03a0 : +6
34 : #9403aa : +8
36 : #9c04b4 : +10
38 : #a504be : +12
40 : #ae04c8 : +14
42 : #b604d2 : +16
44 : #bf04dc : +18
46 : #c805e6 : +20
48 : #d105f0 : +22
50 : #d905fa : +24
52 : #db0ffa : +26
54 : #dc19fa : +28
56 : #de23fb : +30
58 : #df2dfb : +32
60 : #e137fb : +34
62 : #e241fb : +36
64 : #e44bfb : +38
66 : #e555fc : +40
68 : #e75ffc : +42
70 : #e869fc : +44
72 : #ea73fc : +46
74 : #eb7dfc : +48
76 : #ed87fd : +50
78 : #ee91fd : +52
80 : #f09bfd : +54
82 : #f1a5fd : +56
84 : #f3affd : +58
86 : #f4b9fe : +60
88 : #f6c3fe : +62
90 : #f7cdfe : +64
92 : #f9d7fe : +66
94 : #fae1fe : +68
96 : #fcebff : +70
98 : #fdf5ff : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow