#0d333f
RGB
赤 | 13 |
---|---|
緑 | 51 |
青 | 63 |
HSL
色相 | 194° |
---|---|
彩度 | 66% |
明度 | 15% |
輝度 | 16% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 13, 緑 = 51, 青 = 63 )
HSL ( 色相 = 194°, 彩度 = 66%, 明度 = 15% )
H : 色相 ( 194° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #3f100d : -190
14 : #3f190d : -180
24 : #3f210d : -170
34 : #3f2a0d : -160
44 : #3f320d : -150
54 : #3f3a0d : -140
64 : #3c3f0d : -130
74 : #343f0d : -120
84 : #2b3f0d : -110
94 : #233f0d : -100
104 : #1a3f0d : -90
114 : #123f0d : -80
124 : #0d3f10 : -70
134 : #0d3f19 : -60
144 : #0d3f21 : -50
154 : #0d3f2a : -40
164 : #0d3f32 : -30
174 : #0d3f3a : -20
184 : #0d3c3f : -10
194 : #0d343f : ±0
204 : #0d2b3f : +10
214 : #0d233f : +20
224 : #0d1a3f : +30
234 : #0d123f : +40
244 : #100d3f : +50
254 : #190d3f : +60
264 : #210d3f : +70
274 : #2a0d3f : +80
284 : #320d3f : +90
294 : #3a0d3f : +100
304 : #3f0d3c : +110
314 : #3f0d34 : +120
324 : #3f0d2b : +130
334 : #3f0d23 : +140
344 : #3f0d1a : +150
354 : #3f0d12 : +160
184 : #0d3c3f : -10
185 : #0d3b3f : -9
186 : #0d3a3f : -8
187 : #0d3a3f : -7
188 : #0d393f : -6
189 : #0d383f : -5
190 : #0d373f : -4
191 : #0d363f : -3
192 : #0d353f : -2
193 : #0d353f : -1
194 : #0d343f : ±0
195 : #0d333f : +1
196 : #0d323f : +2
197 : #0d313f : +3
198 : #0d303f : +4
199 : #0d303f : +5
200 : #0d2f3f : +6
201 : #0d2e3f : +7
202 : #0d2d3f : +8
203 : #0d2c3f : +9
204 : #0d2b3f : +10
S : 彩度 ( 66% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -66
2 : #252727 : -64
4 : #252728 : -62
6 : #242729 : -60
8 : #232829 : -58
10 : #22282a : -56
12 : #22292b : -54
14 : #21292c : -52
16 : #202a2c : -50
18 : #1f2a2d : -48
20 : #1f2a2e : -46
22 : #1e2b2f : -44
24 : #1d2b2f : -42
26 : #1c2c30 : -40
28 : #1c2c31 : -38
30 : #1b2c32 : -36
32 : #1a2d32 : -34
34 : #192d33 : -32
36 : #182e34 : -30
38 : #182e35 : -28
40 : #172e36 : -26
42 : #162f36 : -24
44 : #152f37 : -22
46 : #153038 : -20
48 : #143039 : -18
50 : #133039 : -16
52 : #12313a : -14
54 : #12313b : -12
56 : #11323c : -10
58 : #10323c : -8
60 : #0f323d : -6
62 : #0f333e : -4
64 : #0e333f : -2
66 : #0d343f : ±0
68 : #0c3440 : +2
70 : #0b3541 : +4
72 : #0b3542 : +6
74 : #0a3543 : +8
76 : #093643 : +10
78 : #083644 : +12
80 : #083745 : +14
82 : #073746 : +16
84 : #063746 : +18
86 : #053847 : +20
88 : #053848 : +22
90 : #043949 : +24
92 : #033949 : +26
94 : #02394a : +28
96 : #023a4b : +30
98 : #013a4c : +32
100 : #003b4d : +34
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -14
3 : #030a0d : -12
5 : #041115 : -10
7 : #06181e : -8
9 : #081f26 : -6
11 : #0a262f : -4
13 : #0b2d37 : -2
15 : #0d343f : ±0
17 : #0f3b48 : +2
19 : #104250 : +4
21 : #124859 : +6
23 : #144f61 : +8
25 : #16566a : +10
27 : #175d72 : +12
29 : #19647b : +14
31 : #1b6b83 : +16
33 : #1d728c : +18
35 : #1e7994 : +20
37 : #20809d : +22
39 : #2286a5 : +24
41 : #248dae : +26
43 : #2594b6 : +28
45 : #279bbe : +30
47 : #29a2c7 : +32
49 : #2aa9cf : +34
51 : #30aed5 : +36
53 : #38b1d6 : +38
55 : #41b5d8 : +40
57 : #49b8da : +42
59 : #51bbdb : +44
61 : #5abfdd : +46
63 : #62c2df : +48
65 : #6bc5e1 : +50
67 : #73c8e2 : +52
69 : #7ccce4 : +54
71 : #84cfe6 : +56
73 : #8dd2e8 : +58
75 : #95d6e9 : +60
77 : #9ed9eb : +62
79 : #a6dced : +64
81 : #afe0ef : +66
83 : #b7e3f0 : +68
85 : #c0e6f2 : +70
87 : #c8eaf4 : +72
89 : #d0edf5 : +74
91 : #d9f0f7 : +76
93 : #e1f3f9 : +78
95 : #eaf7fb : +80
97 : #f2fafc : +82
99 : #fbfdfe : +84
CSS入門、作ってます。
text-shadow