#0d4a32
RGB
赤 | 13 |
---|---|
緑 | 74 |
青 | 50 |
HSL
色相 | 156° |
---|---|
彩度 | 70% |
明度 | 17% |
輝度 | 21% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 13, 緑 = 74, 青 = 50 )
HSL ( 色相 = 156°, 彩度 = 70%, 明度 = 17% )
H : 色相 ( 156° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #4a130d : -150
16 : #4a1d0d : -140
26 : #4a270d : -130
36 : #4a310d : -120
46 : #4a3c0d : -110
56 : #4a460d : -100
66 : #444a0d : -90
76 : #3a4a0d : -80
86 : #2f4a0d : -70
96 : #254a0d : -60
106 : #1b4a0d : -50
116 : #114a0d : -40
126 : #0d4a13 : -30
136 : #0d4a1d : -20
146 : #0d4a27 : -10
156 : #0d4a31 : ±0
166 : #0d4a3c : +10
176 : #0d4a46 : +20
186 : #0d444a : +30
196 : #0d3a4a : +40
206 : #0d2f4a : +50
216 : #0d254a : +60
226 : #0d1b4a : +70
236 : #0d114a : +80
246 : #130d4a : +90
256 : #1d0d4a : +100
266 : #270d4a : +110
276 : #310d4a : +120
286 : #3c0d4a : +130
296 : #460d4a : +140
306 : #4a0d44 : +150
316 : #4a0d3a : +160
326 : #4a0d2f : +170
336 : #4a0d25 : +180
346 : #4a0d1b : +190
356 : #4a0d11 : +200
146 : #0d4a27 : -10
147 : #0d4a28 : -9
148 : #0d4a29 : -8
149 : #0d4a2a : -7
150 : #0d4a2b : -6
151 : #0d4a2c : -5
152 : #0d4a2d : -4
153 : #0d4a2e : -3
154 : #0d4a2f : -2
155 : #0d4a30 : -1
156 : #0d4a31 : ±0
157 : #0d4a32 : +1
158 : #0d4a33 : +2
159 : #0d4a34 : +3
160 : #0d4a35 : +4
161 : #0d4a36 : +5
162 : #0d4a37 : +6
163 : #0d4a38 : +7
164 : #0d4a3a : +8
165 : #0d4a3b : +9
166 : #0d4a3c : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2b2b2b : -70
2 : #2a2c2c : -68
4 : #2a2d2c : -66
6 : #292e2c : -64
8 : #282f2c : -62
10 : #27302c : -60
12 : #26312c : -58
14 : #25312d : -56
16 : #24322d : -54
18 : #24332d : -52
20 : #23342d : -50
22 : #22352d : -48
24 : #21362d : -46
26 : #20372e : -44
28 : #1f372e : -42
30 : #1e382e : -40
32 : #1d392e : -38
34 : #1d3a2e : -36
36 : #1c3b2e : -34
38 : #1b3c2f : -32
40 : #1a3d2f : -30
42 : #193e2f : -28
44 : #183e2f : -26
46 : #173f2f : -24
48 : #174030 : -22
50 : #164130 : -20
52 : #154230 : -18
54 : #144330 : -16
56 : #134430 : -14
58 : #124430 : -12
60 : #114531 : -10
62 : #104631 : -8
64 : #104731 : -6
66 : #0f4831 : -4
68 : #0e4931 : -2
70 : #0d4a31 : ±0
72 : #0c4b32 : +2
74 : #0b4b32 : +4
76 : #0a4c32 : +6
78 : #0a4d32 : +8
80 : #094e32 : +10
82 : #084f32 : +12
84 : #075033 : +14
86 : #065133 : +16
88 : #055133 : +18
90 : #045233 : +20
92 : #035333 : +22
94 : #035433 : +24
96 : #025534 : +26
98 : #015634 : +28
100 : #005734 : +30
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #010403 : -16
3 : #020d09 : -14
5 : #04160f : -12
7 : #051e14 : -10
9 : #07271a : -8
11 : #083020 : -6
13 : #0a3826 : -4
15 : #0b412c : -2
17 : #0d4a31 : ±0
19 : #0f5237 : +2
21 : #105b3d : +4
23 : #126443 : +6
25 : #136c49 : +8
27 : #15754e : +10
29 : #167e54 : +12
31 : #18865a : +14
33 : #198f60 : +16
35 : #1b9866 : +18
37 : #1ca06c : +20
39 : #1ea971 : +22
41 : #1fb277 : +24
43 : #21ba7d : +26
45 : #22c383 : +28
47 : #24cc89 : +30
49 : #25d48e : +32
51 : #2bda94 : +34
53 : #33db98 : +36
55 : #3cdd9c : +38
57 : #45dea1 : +40
59 : #4de0a5 : +42
61 : #56e1a9 : +44
63 : #5fe3ae : +46
65 : #67e4b2 : +48
67 : #70e6b7 : +50
69 : #79e7bb : +52
71 : #81e9bf : +54
73 : #8aeac4 : +56
75 : #93ecc8 : +58
77 : #9bedcd : +60
79 : #a4efd1 : +62
81 : #adf0d5 : +64
83 : #b5f2da : +66
85 : #bef4de : +68
87 : #c7f5e2 : +70
89 : #cff7e7 : +72
91 : #d8f8eb : +74
93 : #e1faf0 : +76
95 : #e9fbf4 : +78
97 : #f2fdf8 : +80
99 : #fbfefd : +82
CSS入門、作ってます。
text-shadow