#136309
RGB
赤 | 19 |
---|---|
緑 | 99 |
青 | 9 |
HSL
色相 | 113° |
---|---|
彩度 | 83% |
明度 | 21% |
輝度 | 25% |
3桁の色
補色
反転色
RGB ( 赤 = 19, 緑 = 99, 青 = 9 )
HSL ( 色相 = 113°, 彩度 = 83%, 明度 = 21% )
H : 色相 ( 113° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #620e09 : -110
13 : #621c09 : -100
23 : #622b09 : -90
33 : #623a09 : -80
43 : #624909 : -70
53 : #625809 : -60
63 : #5e6209 : -50
73 : #4f6209 : -40
83 : #406209 : -30
93 : #316209 : -20
103 : #226209 : -10
113 : #136209 : ±0
123 : #09620e : +10
133 : #09621c : +20
143 : #09622b : +30
153 : #09623a : +40
163 : #096249 : +50
173 : #096258 : +60
183 : #095e62 : +70
193 : #094f62 : +80
203 : #094062 : +90
213 : #093162 : +100
223 : #092262 : +110
233 : #091362 : +120
243 : #0e0962 : +130
253 : #1c0962 : +140
263 : #2b0962 : +150
273 : #3a0962 : +160
283 : #490962 : +170
293 : #580962 : +180
303 : #62095e : +190
313 : #62094f : +200
323 : #620940 : +210
333 : #620931 : +220
343 : #620922 : +230
353 : #620913 : +240
103 : #226209 : -10
104 : #216209 : -9
105 : #1f6209 : -8
106 : #1e6209 : -7
107 : #1c6209 : -6
108 : #1b6209 : -5
109 : #196209 : -4
110 : #186209 : -3
111 : #166209 : -2
112 : #156209 : -1
113 : #136209 : ±0
114 : #126209 : +1
115 : #116209 : +2
116 : #0f6209 : +3
117 : #0e6209 : +4
118 : #0c6209 : +5
119 : #0b6209 : +6
120 : #096209 : +7
121 : #09620b : +8
122 : #09620c : +9
123 : #09620e : +10
S : 彩度 ( 83% )
(0%) 渋い ~ 鮮やか (100%)
1 : #353635 : -82
3 : #343734 : -80
5 : #333833 : -78
7 : #333932 : -76
9 : #323a31 : -74
11 : #313b30 : -72
13 : #303d2f : -70
15 : #2f3e2e : -68
17 : #2f3f2c : -66
19 : #2e402b : -64
21 : #2d412a : -62
23 : #2c4229 : -60
25 : #2b4328 : -58
27 : #2a4427 : -56
29 : #2a4526 : -54
31 : #294625 : -52
33 : #284724 : -50
35 : #274823 : -48
37 : #264922 : -46
39 : #264a21 : -44
41 : #254c20 : -42
43 : #244d1f : -40
45 : #234e1d : -38
47 : #224f1c : -36
49 : #21501b : -34
51 : #21511a : -32
53 : #205219 : -30
55 : #1f5318 : -28
57 : #1e5417 : -26
59 : #1d5516 : -24
61 : #1d5615 : -22
63 : #1c5714 : -20
65 : #1b5813 : -18
67 : #1a5912 : -16
69 : #195a11 : -14
71 : #185c10 : -12
73 : #185d0e : -10
75 : #175e0d : -8
77 : #165f0c : -6
79 : #15600b : -4
81 : #14610a : -2
83 : #136209 : ±0
85 : #136308 : +2
87 : #126407 : +4
89 : #116506 : +6
91 : #106605 : +8
93 : #0f6704 : +10
95 : #0f6803 : +12
97 : #0e6902 : +14
99 : #0d6b01 : +16
L : 明度 ( 21% )
(0%) 暗い ~ 明るい (100%)
1 : #010500 : -20
3 : #030e01 : -18
5 : #051702 : -16
7 : #062103 : -14
9 : #082a04 : -12
11 : #0a3305 : -10
13 : #0c3d06 : -8
15 : #0e4607 : -6
17 : #104f07 : -4
19 : #125908 : -2
21 : #136209 : ±0
23 : #156b0a : +2
25 : #17750b : +4
27 : #197e0c : +6
29 : #1b870d : +8
31 : #1d910d : +10
33 : #1f9a0e : +12
35 : #20a30f : +14
37 : #22ad10 : +16
39 : #24b611 : +18
41 : #26bf12 : +20
43 : #28c913 : +22
45 : #2ad214 : +24
47 : #2cdb14 : +26
49 : #2de515 : +28
51 : #33ea1a : +30
53 : #3beb24 : +32
55 : #43eb2d : +34
57 : #4cec36 : +36
59 : #54ed40 : +38
61 : #5cee49 : +40
63 : #65ef52 : +42
65 : #6df05c : +44
67 : #75f165 : +46
69 : #7ef26e : +48
71 : #86f278 : +50
73 : #8ef381 : +52
75 : #97f48a : +54
77 : #9ff594 : +56
79 : #a7f69d : +58
81 : #b0f7a6 : +60
83 : #b8f8b0 : +62
85 : #c0f8b9 : +64
87 : #c9f9c2 : +66
89 : #d1facc : +68
91 : #d9fbd5 : +70
93 : #e2fcde : +72
95 : #eafde8 : +74
97 : #f2fef1 : +76
99 : #fbfffa : +78
CSS入門、作ってます。
text-shadow