#156f2c
RGB
| 赤 | 21 |
|---|---|
| 緑 | 111 |
| 青 | 44 |
HSL
| 色相 | 135° |
|---|---|
| 彩度 | 68% |
| 明度 | 26% |
| 輝度 | 30% |
３桁の色
補色
反転色
RGB ( 赤 = 21, 緑 = 111, 青 = 44 )
HSL ( 色相 = 135°, 彩度 = 68%, 明度 = 26% )
H : 色相 ( 135° )
(0°) 赤～黄～緑～青～紫 (359°)
5 : #6f1d15 : -130
15 : #6f2c15 : -120
25 : #6f3b15 : -110
35 : #6f4a15 : -100
45 : #6f5915 : -90
55 : #6f6815 : -80
65 : #686f15 : -70
75 : #596f15 : -60
85 : #4a6f15 : -50
95 : #3b6f15 : -40
105 : #2c6f15 : -30
115 : #1d6f15 : -20
125 : #156f1d : -10
135 : #156f2c : ±0
145 : #156f3b : +10
155 : #156f4a : +20
165 : #156f59 : +30
175 : #156f68 : +40
185 : #15686f : +50
195 : #15596f : +60
205 : #154a6f : +70
215 : #153b6f : +80
225 : #152c6f : +90
235 : #151d6f : +100
245 : #1d156f : +110
255 : #2c156f : +120
265 : #3b156f : +130
275 : #4a156f : +140
285 : #59156f : +150
295 : #68156f : +160
305 : #6f1568 : +170
315 : #6f1559 : +180
325 : #6f154a : +190
335 : #6f153b : +200
345 : #6f152c : +210
355 : #6f151d : +220
125 : #156f1d : -10
126 : #156f1e : -9
127 : #156f20 : -8
128 : #156f21 : -7
129 : #156f23 : -6
130 : #156f24 : -5
131 : #156f26 : -4
132 : #156f27 : -3
133 : #156f29 : -2
134 : #156f2a : -1
135 : #156f2c : ±0
136 : #156f2d : +1
137 : #156f2f : +2
138 : #156f30 : +3
139 : #156f32 : +4
140 : #156f33 : +5
141 : #156f35 : +6
142 : #156f36 : +7
143 : #156f38 : +8
144 : #156f39 : +9
145 : #156f3b : +10
S : 彩度 ( 68% )
(0%) 渋い ～ 鮮やか (100%)
0 : #424242 : -68
2 : #414442 : -66
4 : #404541 : -64
6 : #3e4640 : -62
8 : #3d4840 : -60
10 : #3c493f : -58
12 : #3a4a3e : -56
14 : #394c3e : -54
16 : #384d3d : -52
18 : #364e3c : -50
20 : #35503c : -48
22 : #34513b : -46
24 : #32523a : -44
26 : #31543a : -42
28 : #305539 : -40
30 : #2e5638 : -38
32 : #2d5838 : -36
34 : #2c5937 : -34
36 : #2a5a36 : -32
38 : #295b36 : -30
40 : #285d35 : -28
42 : #265e34 : -26
44 : #255f34 : -24
46 : #246133 : -22
48 : #226232 : -20
50 : #216332 : -18
52 : #206531 : -16
54 : #1e6630 : -14
56 : #1d6730 : -12
58 : #1c692f : -10
60 : #1b6a2e : -8
62 : #196b2e : -6
64 : #186d2d : -4
66 : #176e2c : -2
68 : #156f2c : ±0
70 : #14712b : +2
72 : #13722a : +4
74 : #11732a : +6
76 : #107529 : +8
78 : #0f7628 : +10
80 : #0d7728 : +12
82 : #0c7927 : +14
84 : #0b7a26 : +16
86 : #097b26 : +18
88 : #087d25 : +20
90 : #077e24 : +22
92 : #057f24 : +24
94 : #048123 : +26
96 : #038222 : +28
98 : #018322 : +30
100 : #008521 : +32
L : 明度 ( 26% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -26
2 : #020903 : -24
4 : #031107 : -22
6 : #051a0a : -20
8 : #07220d : -18
10 : #082b11 : -16
12 : #0a3314 : -14
14 : #0b3c18 : -12
16 : #0d451b : -10
18 : #0f4d1e : -8
20 : #105622 : -6
22 : #125e25 : -4
24 : #146728 : -2
26 : #156f2c : ±0
28 : #17782f : +2
30 : #188132 : +4
32 : #1a8936 : +6
34 : #1c9239 : +8
36 : #1d9a3d : +10
38 : #1fa340 : +12
40 : #21ab43 : +14
42 : #22b447 : +16
44 : #24bc4a : +18
46 : #26c54d : +20
48 : #27ce51 : +22
50 : #29d654 : +24
52 : #31d85b : +26
54 : #3ad962 : +28
56 : #43db69 : +30
58 : #4bdd6f : +32
60 : #54de76 : +34
62 : #5ce07d : +36
64 : #65e284 : +38
66 : #6de38b : +40
68 : #76e592 : +42
70 : #7ee798 : +44
72 : #87e89f : +46
74 : #90eaa6 : +48
76 : #98ebad : +50
78 : #a1edb4 : +52
80 : #a9efbb : +54
82 : #b2f0c1 : +56
84 : #baf2c8 : +58
86 : #c3f4cf : +60
88 : #ccf5d6 : +62
90 : #d4f7dd : +64
92 : #ddf8e4 : +66
94 : #e5faea : +68
96 : #eefcf1 : +70
98 : #f6fdf8 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow