#283314
RGB
赤 | 40 |
---|---|
緑 | 51 |
青 | 20 |
HSL
色相 | 81° |
---|---|
彩度 | 44% |
明度 | 14% |
輝度 | 17% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 40, 緑 = 51, 青 = 20 )
HSL ( 色相 = 81°, 彩度 = 44%, 明度 = 14% )
H : 色相 ( 81° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #331514 : -80
11 : #331a14 : -70
21 : #331f14 : -60
31 : #332414 : -50
41 : #332914 : -40
51 : #332f14 : -30
61 : #333314 : -20
71 : #2e3314 : -10
81 : #283314 : ±0
91 : #233314 : +10
101 : #1e3314 : +20
111 : #193314 : +30
121 : #143315 : +40
131 : #14331a : +50
141 : #14331f : +60
151 : #143324 : +70
161 : #143329 : +80
171 : #14332f : +90
181 : #143333 : +100
191 : #142e33 : +110
201 : #142833 : +120
211 : #142333 : +130
221 : #141e33 : +140
231 : #141933 : +150
241 : #151433 : +160
251 : #1a1433 : +170
261 : #1f1433 : +180
271 : #241433 : +190
281 : #291433 : +200
291 : #2f1433 : +210
301 : #331433 : +220
311 : #33142e : +230
321 : #331428 : +240
331 : #331423 : +250
341 : #33141e : +260
351 : #331419 : +270
71 : #2e3314 : -10
72 : #2d3314 : -9
73 : #2d3314 : -8
74 : #2c3314 : -7
75 : #2c3314 : -6
76 : #2b3314 : -5
77 : #2b3314 : -4
78 : #2a3314 : -3
79 : #293314 : -2
80 : #293314 : -1
81 : #283314 : ±0
82 : #283314 : +1
83 : #273314 : +2
84 : #273314 : +3
85 : #263314 : +4
86 : #263314 : +5
87 : #253314 : +6
88 : #253314 : +7
89 : #243314 : +8
90 : #243314 : +9
91 : #233314 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -44
2 : #242423 : -42
4 : #242522 : -40
6 : #242622 : -38
8 : #252721 : -36
10 : #252720 : -34
12 : #25281f : -32
14 : #25291f : -30
16 : #25291e : -28
18 : #262a1d : -26
20 : #262b1d : -24
22 : #262c1c : -22
24 : #262c1b : -20
26 : #262d1a : -18
28 : #272e1a : -16
30 : #272e19 : -14
32 : #272f18 : -12
34 : #273018 : -10
36 : #283117 : -8
38 : #283116 : -6
40 : #283215 : -4
42 : #283315 : -2
44 : #283314 : ±0
46 : #293413 : +2
48 : #293513 : +4
50 : #293612 : +6
52 : #293611 : +8
54 : #293710 : +10
56 : #2a3810 : +12
58 : #2a380f : +14
60 : #2a390e : +16
62 : #2a3a0e : +18
64 : #2b3b0d : +20
66 : #2b3b0c : +22
68 : #2b3c0b : +24
70 : #2b3d0b : +26
72 : #2b3d0a : +28
74 : #2c3e09 : +30
76 : #2c3f09 : +32
78 : #2c4008 : +34
80 : #2c4007 : +36
82 : #2c4106 : +38
84 : #2d4206 : +40
86 : #2d4205 : +42
88 : #2d4304 : +44
90 : #2d4404 : +46
92 : #2e4503 : +48
94 : #2e4502 : +50
96 : #2e4601 : +52
98 : #2e4701 : +54
100 : #2e4700 : +56
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #060703 : -12
4 : #0c0f06 : -10
6 : #111609 : -8
8 : #171d0b : -6
10 : #1d250e : -4
12 : #232c11 : -2
14 : #283314 : ±0
16 : #2e3b17 : +2
18 : #34421a : +4
20 : #3a491d : +6
22 : #40511f : +8
24 : #455822 : +10
26 : #4b5f25 : +12
28 : #516728 : +14
30 : #576e2b : +16
32 : #5c762e : +18
34 : #627d31 : +20
36 : #688433 : +22
38 : #6e8c36 : +24
40 : #739339 : +26
42 : #799a3c : +28
44 : #7fa23f : +30
46 : #85a942 : +32
48 : #8bb045 : +34
50 : #90b847 : +36
52 : #95ba4f : +38
54 : #99bd56 : +40
56 : #9ec05d : +42
58 : #a2c365 : +44
60 : #a6c66c : +46
62 : #abc973 : +48
64 : #afcc7b : +50
66 : #b4ce82 : +52
68 : #b8d189 : +54
70 : #bdd491 : +56
72 : #c1d798 : +58
74 : #c5daa0 : +60
76 : #cadda7 : +62
78 : #cee0ae : +64
80 : #d3e2b6 : +66
82 : #d7e5bd : +68
84 : #dce8c4 : +70
86 : #e0ebcc : +72
88 : #e4eed3 : +74
90 : #e9f1da : +76
92 : #edf4e2 : +78
94 : #f2f6e9 : +80
96 : #f6f9f0 : +82
98 : #fbfcf8 : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow