#256a2c
RGB
赤 | 37 |
---|---|
緑 | 106 |
青 | 44 |
HSL
色相 | 126° |
---|---|
彩度 | 48% |
明度 | 28% |
輝度 | 31% |
3桁の色
補色
反転色
RGB ( 赤 = 37, 緑 = 106, 青 = 44 )
HSL ( 色相 = 126°, 彩度 = 48%, 明度 = 28% )
H : 色相 ( 126° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #6a2c25 : -120
16 : #6a3725 : -110
26 : #6a4325 : -100
36 : #6a4e25 : -90
46 : #6a5a25 : -80
56 : #6a6525 : -70
66 : #636a25 : -60
76 : #576a25 : -50
86 : #4c6a25 : -40
96 : #416a25 : -30
106 : #356a25 : -20
116 : #2a6a25 : -10
126 : #256a2c : ±0
136 : #256a37 : +10
146 : #256a43 : +20
156 : #256a4e : +30
166 : #256a5a : +40
176 : #256a65 : +50
186 : #25636a : +60
196 : #25576a : +70
206 : #254c6a : +80
216 : #25416a : +90
226 : #25356a : +100
236 : #252a6a : +110
246 : #2c256a : +120
256 : #37256a : +130
266 : #43256a : +140
276 : #4e256a : +150
286 : #5a256a : +160
296 : #65256a : +170
306 : #6a2563 : +180
316 : #6a2557 : +190
326 : #6a254c : +200
336 : #6a2541 : +210
346 : #6a2535 : +220
356 : #6a252a : +230
116 : #2a6a25 : -10
117 : #296a25 : -9
118 : #276a25 : -8
119 : #266a25 : -7
120 : #256a25 : -6
121 : #256a26 : -5
122 : #256a27 : -4
123 : #256a29 : -3
124 : #256a2a : -2
125 : #256a2b : -1
126 : #256a2c : ±0
127 : #256a2d : +1
128 : #256a2e : +2
129 : #256a2f : +3
130 : #256a31 : +4
131 : #256a32 : +5
132 : #256a33 : +6
133 : #256a34 : +7
134 : #256a35 : +8
135 : #256a36 : +9
136 : #256a37 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -48
2 : #464946 : -46
4 : #454a45 : -44
6 : #434c44 : -42
8 : #424d43 : -40
10 : #404f42 : -38
12 : #3f5041 : -36
14 : #3d513f : -34
16 : #3c533e : -32
18 : #3b543d : -30
20 : #39563c : -28
22 : #38573b : -26
24 : #36593a : -24
26 : #355a39 : -22
28 : #335b37 : -20
30 : #325d36 : -18
32 : #315e35 : -16
34 : #2f6034 : -14
36 : #2e6133 : -12
38 : #2c6332 : -10
40 : #2b6431 : -8
42 : #29652f : -6
44 : #28672e : -4
46 : #27682d : -2
48 : #256a2c : ±0
50 : #246b2b : +2
52 : #226d2a : +4
54 : #216e29 : +6
56 : #1f6f27 : +8
58 : #1e7126 : +10
60 : #1d7225 : +12
62 : #1b7424 : +14
64 : #1a7523 : +16
66 : #187722 : +18
68 : #177821 : +20
70 : #15791f : +22
72 : #147b1e : +24
74 : #137c1d : +26
76 : #117e1c : +28
78 : #107f1b : +30
80 : #0e811a : +32
82 : #0d8219 : +34
84 : #0b8317 : +36
86 : #0a8516 : +38
88 : #098615 : +40
90 : #078814 : +42
92 : #068913 : +44
94 : #048b12 : +46
96 : #038c11 : +48
98 : #018d0f : +50
100 : #008f0e : +52
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #030803 : -26
4 : #050f06 : -24
6 : #081709 : -22
8 : #0b1e0d : -20
10 : #0d2610 : -18
12 : #102d13 : -16
14 : #133516 : -14
16 : #153c19 : -12
18 : #18441c : -10
20 : #1b4b1f : -8
22 : #1d5323 : -6
24 : #205b26 : -4
26 : #226229 : -2
28 : #256a2c : ±0
30 : #28712f : +2
32 : #2a7932 : +4
34 : #2d8035 : +6
36 : #308839 : +8
38 : #328f3c : +10
40 : #35973f : +12
42 : #389f42 : +14
44 : #3aa645 : +16
46 : #3dae48 : +18
48 : #40b54b : +20
50 : #42bd4f : +22
52 : #4abf56 : +24
54 : #51c25d : +26
56 : #59c564 : +28
58 : #60c76b : +30
60 : #68ca72 : +32
62 : #70cd79 : +34
64 : #77cf80 : +36
66 : #7fd287 : +38
68 : #86d58e : +40
70 : #8ed795 : +42
72 : #95da9c : +44
74 : #9ddda3 : +46
76 : #a4dfaa : +48
78 : #ace2b1 : +50
80 : #b4e4b8 : +52
82 : #bbe7bf : +54
84 : #c3eac7 : +56
86 : #caecce : +58
88 : #d2efd5 : +60
90 : #d9f2dc : +62
92 : #e1f4e3 : +64
94 : #e8f7ea : +66
96 : #f0faf1 : +68
98 : #f7fcf8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow