#990061
RGB
赤 | 153 |
---|---|
緑 | 0 |
青 | 97 |
HSL
色相 | 322° |
---|---|
彩度 | 100% |
明度 | 30% |
輝度 | 22% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 153, 緑 = 0, 青 = 97 )
HSL ( 色相 = 322°, 彩度 = 100%, 明度 = 30% )
H : 色相 ( 322° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #990500 : -320
12 : #991f00 : -310
22 : #993800 : -300
32 : #995200 : -290
42 : #996b00 : -280
52 : #998500 : -270
62 : #949900 : -260
72 : #7a9900 : -250
82 : #619900 : -240
92 : #479900 : -230
102 : #2e9900 : -220
112 : #149900 : -210
122 : #009905 : -200
132 : #00991f : -190
142 : #009938 : -180
152 : #009952 : -170
162 : #00996b : -160
172 : #009985 : -150
182 : #009499 : -140
192 : #007a99 : -130
202 : #006199 : -120
212 : #004799 : -110
222 : #002e99 : -100
232 : #001499 : -90
242 : #050099 : -80
252 : #1f0099 : -70
262 : #380099 : -60
272 : #520099 : -50
282 : #6b0099 : -40
292 : #850099 : -30
302 : #990094 : -20
312 : #99007a : -10
322 : #990061 : ±0
332 : #990047 : +10
342 : #99002e : +20
352 : #990014 : +30
312 : #99007a : -10
313 : #990078 : -9
314 : #990075 : -8
315 : #990073 : -7
316 : #990070 : -6
317 : #99006e : -5
318 : #99006b : -4
319 : #990069 : -3
320 : #990066 : -2
321 : #990063 : -1
322 : #990061 : ±0
323 : #99005e : +1
324 : #99005c : +2
325 : #990059 : +3
326 : #990057 : +4
327 : #990054 : +5
328 : #990052 : +6
329 : #99004f : +7
330 : #99004d : +8
331 : #99004a : +9
332 : #990047 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #4c4c4c : -100
2 : #4e4b4d : -98
4 : #50494d : -96
6 : #51484e : -94
8 : #53464e : -92
10 : #54454f : -90
12 : #56434f : -88
14 : #57424f : -86
16 : #594050 : -84
18 : #5a3f50 : -82
20 : #5c3d51 : -80
22 : #5d3c51 : -78
24 : #5f3a51 : -76
26 : #603952 : -74
28 : #623752 : -72
30 : #633653 : -70
32 : #653453 : -68
34 : #673253 : -66
36 : #683154 : -64
38 : #6a2f54 : -62
40 : #6b2e55 : -60
42 : #6d2c55 : -58
44 : #6e2b55 : -56
46 : #702956 : -54
48 : #712856 : -52
50 : #732657 : -50
52 : #742557 : -48
54 : #762358 : -46
56 : #772258 : -44
58 : #792058 : -42
60 : #7a1f59 : -40
62 : #7c1d59 : -38
64 : #7d1c5a : -36
66 : #7f1a5a : -34
68 : #81185a : -32
70 : #82175b : -30
72 : #84155b : -28
74 : #85145c : -26
76 : #87125c : -24
78 : #88115c : -22
80 : #8a0f5d : -20
82 : #8b0e5d : -18
84 : #8d0c5e : -16
86 : #8e0b5e : -14
88 : #90095e : -12
90 : #91085f : -10
92 : #93065f : -8
94 : #940560 : -6
96 : #960360 : -4
98 : #970260 : -2
100 : #990061 : ±0
L : 明度 ( 30% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -30
2 : #0a0006 : -28
4 : #14000d : -26
6 : #1f0013 : -24
8 : #29001a : -22
10 : #330020 : -20
12 : #3d0027 : -18
14 : #47002d : -16
16 : #520034 : -14
18 : #5c003a : -12
20 : #660041 : -10
22 : #700047 : -8
24 : #7a004e : -6
26 : #850054 : -4
28 : #8f005a : -2
30 : #990061 : ±0
32 : #a30067 : +2
34 : #ad006e : +4
36 : #b80074 : +6
38 : #c2007b : +8
40 : #cc0081 : +10
42 : #d60088 : +12
44 : #e0008e : +14
46 : #eb0095 : +16
48 : #f5009b : +18
50 : #ff00a2 : +20
52 : #ff0aa5 : +22
54 : #ff14a9 : +24
56 : #ff1fad : +26
58 : #ff29b0 : +28
60 : #ff33b4 : +30
62 : #ff3db8 : +32
64 : #ff47bc : +34
66 : #ff52bf : +36
68 : #ff5cc3 : +38
70 : #ff66c7 : +40
72 : #ff70cb : +42
74 : #ff7ace : +44
76 : #ff85d2 : +46
78 : #ff8fd6 : +48
80 : #ff99da : +50
82 : #ffa3dd : +52
84 : #ffade1 : +54
86 : #ffb8e5 : +56
88 : #ffc2e9 : +58
90 : #ffccec : +60
92 : #ffd6f0 : +62
94 : #ffe0f4 : +64
96 : #ffebf8 : +66
98 : #fff5fb : +68
100 : #ffffff : +70
CSS入門、作ってます。
text-shadow