#088c15
RGB
赤 | 8 |
---|---|
緑 | 140 |
青 | 21 |
HSL
色相 | 126° |
---|---|
彩度 | 89% |
明度 | 29% |
輝度 | 34% |
3桁の色
補色
反転色
RGB ( 赤 = 8, 緑 = 140, 青 = 21 )
HSL ( 色相 = 126°, 彩度 = 89%, 明度 = 29% )
H : 色相 ( 126° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #8c1508 : -120
16 : #8c2b08 : -110
26 : #8c4108 : -100
36 : #8c5708 : -90
46 : #8c6d08 : -80
56 : #8c8308 : -70
66 : #7f8c08 : -60
76 : #698c08 : -50
86 : #538c08 : -40
96 : #3d8c08 : -30
106 : #278c08 : -20
116 : #118c08 : -10
126 : #088c15 : ±0
136 : #088c2b : +10
146 : #088c41 : +20
156 : #088c57 : +30
166 : #088c6d : +40
176 : #088c83 : +50
186 : #087f8c : +60
196 : #08698c : +70
206 : #08538c : +80
216 : #083d8c : +90
226 : #08278c : +100
236 : #08118c : +110
246 : #15088c : +120
256 : #2b088c : +130
266 : #41088c : +140
276 : #57088c : +150
286 : #6d088c : +160
296 : #83088c : +170
306 : #8c087f : +180
316 : #8c0869 : +190
326 : #8c0853 : +200
336 : #8c083d : +210
346 : #8c0827 : +220
356 : #8c0811 : +230
116 : #118c08 : -10
117 : #0f8c08 : -9
118 : #0d8c08 : -8
119 : #0a8c08 : -7
120 : #088c08 : -6
121 : #088c0a : -5
122 : #088c0d : -4
123 : #088c0f : -3
124 : #088c11 : -2
125 : #088c13 : -1
126 : #088c15 : ±0
127 : #088c17 : +1
128 : #088c1a : +2
129 : #088c1c : +3
130 : #088c1e : +4
131 : #088c20 : +5
132 : #088c22 : +6
133 : #088c25 : +7
134 : #088c27 : +8
135 : #088c29 : +9
136 : #088c2b : +10
S : 彩度 ( 89% )
(0%) 渋い ~ 鮮やか (100%)
1 : #494b49 : -88
3 : #484c48 : -86
5 : #464e47 : -84
7 : #454f46 : -82
9 : #435145 : -80
11 : #425243 : -78
13 : #405442 : -76
15 : #3f5541 : -74
17 : #3d5740 : -72
19 : #3c583f : -70
21 : #3a593e : -68
23 : #395b3c : -66
25 : #375c3b : -64
27 : #365e3a : -62
29 : #355f39 : -60
31 : #336138 : -58
33 : #326236 : -56
35 : #306435 : -54
37 : #2f6534 : -52
39 : #2d6733 : -50
41 : #2c6832 : -48
43 : #2a6a31 : -46
45 : #296b2f : -44
47 : #276d2e : -42
49 : #266e2d : -40
51 : #24702c : -38
53 : #23712b : -36
55 : #217329 : -34
57 : #207428 : -32
59 : #1e7627 : -30
61 : #1d7726 : -28
63 : #1b7925 : -26
65 : #1a7a23 : -24
67 : #187b22 : -22
69 : #177d21 : -20
71 : #157e20 : -18
73 : #14801f : -16
75 : #12811e : -14
77 : #11831c : -12
79 : #10841b : -10
81 : #0e861a : -8
83 : #0d8719 : -6
85 : #0b8918 : -4
87 : #0a8a16 : -2
89 : #088c15 : ±0
91 : #078d14 : +2
93 : #058f13 : +4
95 : #049012 : +6
97 : #029211 : +8
99 : #01930f : +10
L : 明度 ( 29% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -28
3 : #010e02 : -26
5 : #011804 : -24
7 : #022205 : -22
9 : #032b07 : -20
11 : #033508 : -18
13 : #043f0a : -16
15 : #04480b : -14
17 : #05520c : -12
19 : #055c0e : -10
21 : #06650f : -8
23 : #066f11 : -6
25 : #077812 : -4
27 : #088214 : -2
29 : #088c15 : ±0
31 : #099517 : +2
33 : #099f18 : +4
35 : #0aa91a : +6
37 : #0ab21b : +8
39 : #0bbc1d : +10
41 : #0cc61e : +12
43 : #0ccf20 : +14
45 : #0dd921 : +16
47 : #0de323 : +18
49 : #0eec24 : +20
51 : #13f129 : +22
53 : #1cf232 : +24
55 : #26f23b : +26
57 : #30f343 : +28
59 : #39f34c : +30
61 : #43f455 : +32
63 : #4df55d : +34
65 : #56f566 : +36
67 : #60f66f : +38
69 : #6af678 : +40
71 : #73f780 : +42
73 : #7df789 : +44
75 : #87f892 : +46
77 : #90f99b : +48
79 : #9af9a3 : +50
81 : #a3faac : +52
83 : #adfab5 : +54
85 : #b7fbbe : +56
87 : #c0fbc6 : +58
89 : #cafccf : +60
91 : #d4fcd8 : +62
93 : #ddfde0 : +64
95 : #e7fee9 : +66
97 : #f1fef2 : +68
99 : #fafffb : +70
CSS入門、作ってます。
text-shadow