#18740b
RGB
| 赤 | 24 |
|---|---|
| 緑 | 116 |
| 青 | 11 |
HSL
| 色相 | 113° |
|---|---|
| 彩度 | 83% |
| 明度 | 25% |
| 輝度 | 30% |
３桁の色
補色
反転色
RGB ( 赤 = 24, 緑 = 116, 青 = 11 )
HSL ( 色相 = 113°, 彩度 = 83%, 明度 = 25% )
H : 色相 ( 113° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #75100b : -110
13 : #75220b : -100
23 : #75330b : -90
33 : #75450b : -80
43 : #75570b : -70
53 : #75680b : -60
63 : #6f750b : -50
73 : #5e750b : -40
83 : #4c750b : -30
93 : #3a750b : -20
103 : #29750b : -10
113 : #17750b : ±0
123 : #0b7510 : +10
133 : #0b7522 : +20
143 : #0b7533 : +30
153 : #0b7545 : +40
163 : #0b7557 : +50
173 : #0b7568 : +60
183 : #0b6f75 : +70
193 : #0b5e75 : +80
203 : #0b4c75 : +90
213 : #0b3a75 : +100
223 : #0b2975 : +110
233 : #0b1775 : +120
243 : #100b75 : +130
253 : #220b75 : +140
263 : #330b75 : +150
273 : #450b75 : +160
283 : #570b75 : +170
293 : #680b75 : +180
303 : #750b6f : +190
313 : #750b5e : +200
323 : #750b4c : +210
333 : #750b3a : +220
343 : #750b29 : +230
353 : #750b17 : +240
103 : #29750b : -10
104 : #27750b : -9
105 : #25750b : -8
106 : #24750b : -7
107 : #22750b : -6
108 : #20750b : -5
109 : #1e750b : -4
110 : #1c750b : -3
111 : #1b750b : -2
112 : #19750b : -1
113 : #17750b : ±0
114 : #15750b : +1
115 : #14750b : +2
116 : #12750b : +3
117 : #10750b : +4
118 : #0e750b : +5
119 : #0d750b : +6
120 : #0b750b : +7
121 : #0b750d : +8
122 : #0b750e : +9
123 : #0b7510 : +10
S : 彩度 ( 83% )
(0%) 渋い ～ 鮮やか (100%)
1 : #3f403f : -82
3 : #3e423e : -80
5 : #3d433d : -78
7 : #3c443b : -76
9 : #3b453a : -74
11 : #3a4739 : -72
13 : #394837 : -70
15 : #384936 : -68
17 : #374b35 : -66
19 : #364c34 : -64
21 : #354d32 : -62
23 : #354e31 : -60
25 : #345030 : -58
27 : #33512f : -56
29 : #32522d : -54
31 : #31542c : -52
33 : #30552b : -50
35 : #2f5629 : -48
37 : #2e5728 : -46
39 : #2d5927 : -44
41 : #2c5a26 : -42
43 : #2b5b24 : -40
45 : #2a5c23 : -38
47 : #295e22 : -36
49 : #285f21 : -34
51 : #27601f : -32
53 : #26621e : -30
55 : #25631d : -28
57 : #24641b : -26
59 : #23651a : -24
61 : #226719 : -22
63 : #216818 : -20
65 : #206916 : -18
67 : #1f6a15 : -16
69 : #1e6c14 : -14
71 : #1d6d12 : -12
73 : #1c6e11 : -10
75 : #1b7010 : -8
77 : #1a710f : -6
79 : #19720d : -4
81 : #18730c : -2
83 : #17750b : ±0
85 : #16760a : +2
87 : #157708 : +4
89 : #147807 : +6
91 : #137a06 : +8
93 : #127b04 : +10
95 : #117c03 : +12
97 : #107e02 : +14
99 : #0f7f01 : +16
L : 明度 ( 25% )
(0%) 暗い ～ 明るい (100%)
1 : #010500 : -24
3 : #030e01 : -22
5 : #051702 : -20
7 : #062103 : -18
9 : #082a04 : -16
11 : #0a3305 : -14
13 : #0c3d06 : -12
15 : #0e4607 : -10
17 : #104f07 : -8
19 : #125908 : -6
21 : #136209 : -4
23 : #156b0a : -2
25 : #17750b : ±0
27 : #197e0c : +2
29 : #1b870d : +4
31 : #1d910d : +6
33 : #1f9a0e : +8
35 : #20a30f : +10
37 : #22ad10 : +12
39 : #24b611 : +14
41 : #26bf12 : +16
43 : #28c913 : +18
45 : #2ad214 : +20
47 : #2cdb14 : +22
49 : #2de515 : +24
51 : #33ea1a : +26
53 : #3beb24 : +28
55 : #43eb2d : +30
57 : #4cec36 : +32
59 : #54ed40 : +34
61 : #5cee49 : +36
63 : #65ef52 : +38
65 : #6df05c : +40
67 : #75f165 : +42
69 : #7ef26e : +44
71 : #86f278 : +46
73 : #8ef381 : +48
75 : #97f48a : +50
77 : #9ff594 : +52
79 : #a7f69d : +54
81 : #b0f7a6 : +56
83 : #b8f8b0 : +58
85 : #c0f8b9 : +60
87 : #c9f9c2 : +62
89 : #d1facc : +64
91 : #d9fbd5 : +66
93 : #e2fcde : +68
95 : #eafde8 : +70
97 : #f2fef1 : +72
99 : #fbfffa : +74
CSS入門、作ってます。
text-shadow