#2d3a13
RGB
赤 | 45 |
---|---|
緑 | 58 |
青 | 19 |
HSL
色相 | 80° |
---|---|
彩度 | 51% |
明度 | 15% |
輝度 | 19% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 45, 緑 = 58, 青 = 19 )
HSL ( 色相 = 80°, 彩度 = 51%, 明度 = 15% )
H : 色相 ( 80° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #3a1313 : -80
10 : #3a1913 : -70
20 : #3a2013 : -60
30 : #3a2613 : -50
40 : #3a2d13 : -40
50 : #3a3313 : -30
60 : #3a3a13 : -20
70 : #333a13 : -10
80 : #2d3a13 : ±0
90 : #263a13 : +10
100 : #203a13 : +20
110 : #193a13 : +30
120 : #133a13 : +40
130 : #133a19 : +50
140 : #133a20 : +60
150 : #133a26 : +70
160 : #133a2d : +80
170 : #133a33 : +90
180 : #133a3a : +100
190 : #13333a : +110
200 : #132d3a : +120
210 : #13263a : +130
220 : #13203a : +140
230 : #13193a : +150
240 : #13133a : +160
250 : #19133a : +170
260 : #20133a : +180
270 : #26133a : +190
280 : #2d133a : +200
290 : #33133a : +210
300 : #3a133a : +220
310 : #3a1333 : +230
320 : #3a132d : +240
330 : #3a1326 : +250
340 : #3a1320 : +260
350 : #3a1319 : +270
70 : #333a13 : -10
71 : #333a13 : -9
72 : #323a13 : -8
73 : #313a13 : -7
74 : #313a13 : -6
75 : #303a13 : -5
76 : #2f3a13 : -4
77 : #2f3a13 : -3
78 : #2e3a13 : -2
79 : #2d3a13 : -1
80 : #2d3a13 : ±0
81 : #2c3a13 : +1
82 : #2b3a13 : +2
83 : #2b3a13 : +3
84 : #2a3a13 : +4
85 : #2a3a13 : +5
86 : #293a13 : +6
87 : #283a13 : +7
88 : #283a13 : +8
89 : #273a13 : +9
90 : #263a13 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #262726 : -50
3 : #272725 : -48
5 : #272824 : -46
7 : #272924 : -44
9 : #272a23 : -42
11 : #282a22 : -40
13 : #282b21 : -38
15 : #282c21 : -36
17 : #282d20 : -34
19 : #292e1f : -32
21 : #292e1e : -30
23 : #292f1d : -28
25 : #29301d : -26
27 : #2a311c : -24
29 : #2a311b : -22
31 : #2a321a : -20
33 : #2a331a : -18
35 : #2b3419 : -16
37 : #2b3418 : -14
39 : #2b3517 : -12
41 : #2b3617 : -10
43 : #2c3716 : -8
45 : #2c3715 : -6
47 : #2c3814 : -4
49 : #2c3914 : -2
51 : #2d3a13 : ±0
53 : #2d3b12 : +2
55 : #2d3b11 : +4
57 : #2e3c10 : +6
59 : #2e3d10 : +8
61 : #2e3e0f : +10
63 : #2e3e0e : +12
65 : #2f3f0d : +14
67 : #2f400d : +16
69 : #2f410c : +18
71 : #2f410b : +20
73 : #30420a : +22
75 : #30430a : +24
77 : #304409 : +26
79 : #304408 : +28
81 : #314507 : +30
83 : #314607 : +32
85 : #314706 : +34
87 : #314805 : +36
89 : #324804 : +38
91 : #324903 : +40
93 : #324a03 : +42
95 : #324b02 : +44
97 : #334b01 : +46
99 : #334c00 : +48
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #030401 : -14
3 : #090c04 : -12
5 : #0f1306 : -10
7 : #151b09 : -8
9 : #1b230b : -6
11 : #212a0e : -4
13 : #273210 : -2
15 : #2d3a13 : ±0
17 : #334115 : +2
19 : #394918 : +4
21 : #3f511a : +6
23 : #45591d : +8
25 : #4b601f : +10
27 : #516822 : +12
29 : #577024 : +14
31 : #5c7727 : +16
33 : #627f29 : +18
35 : #68872c : +20
37 : #6e8e2e : +22
39 : #749631 : +24
41 : #7a9e33 : +26
43 : #80a636 : +28
45 : #86ad38 : +30
47 : #8cb53b : +32
49 : #92bd3d : +34
51 : #97c242 : +36
53 : #9cc44a : +38
55 : #a0c752 : +40
57 : #a4c959 : +42
59 : #a8cc61 : +44
61 : #acce69 : +46
63 : #b1d171 : +48
65 : #b5d378 : +50
67 : #b9d680 : +52
69 : #bdd888 : +54
71 : #c2db8f : +56
73 : #c6dd97 : +58
75 : #cae09f : +60
77 : #cee2a6 : +62
79 : #d3e5ae : +64
81 : #d7e7b6 : +66
83 : #dbeabe : +68
85 : #dfecc5 : +70
87 : #e3efcd : +72
89 : #e8f1d5 : +74
91 : #ecf4dc : +76
93 : #f0f6e4 : +78
95 : #f4f9ec : +80
97 : #f9fbf3 : +82
99 : #fdfefb : +84
CSS入門、作ってます。
text-shadow