#27db0f
RGB
赤 | 39 |
---|---|
緑 | 219 |
青 | 15 |
HSL
色相 | 113° |
---|---|
彩度 | 87% |
明度 | 46% |
輝度 | 56% |
3桁の色
補色
反転色
RGB ( 赤 = 39, 緑 = 219, 青 = 15 )
HSL ( 色相 = 113°, 彩度 = 87%, 明度 = 46% )
H : 色相 ( 113° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #db190f : -110
13 : #db3b0f : -100
23 : #db5d0f : -90
33 : #db800f : -80
43 : #dba20f : -70
53 : #dbc40f : -60
63 : #d1db0f : -50
73 : #afdb0f : -40
83 : #8ddb0f : -30
93 : #6bdb0f : -20
103 : #49db0f : -10
113 : #27db0f : ±0
123 : #0fdb19 : +10
133 : #0fdb3b : +20
143 : #0fdb5d : +30
153 : #0fdb80 : +40
163 : #0fdba2 : +50
173 : #0fdbc4 : +60
183 : #0fd1db : +70
193 : #0fafdb : +80
203 : #0f8ddb : +90
213 : #0f6bdb : +100
223 : #0f49db : +110
233 : #0f27db : +120
243 : #190fdb : +130
253 : #3b0fdb : +140
263 : #5d0fdb : +150
273 : #800fdb : +160
283 : #a20fdb : +170
293 : #c40fdb : +180
303 : #db0fd1 : +190
313 : #db0faf : +200
323 : #db0f8d : +210
333 : #db0f6b : +220
343 : #db0f49 : +230
353 : #db0f27 : +240
103 : #49db0f : -10
104 : #46db0f : -9
105 : #42db0f : -8
106 : #3fdb0f : -7
107 : #3bdb0f : -6
108 : #38db0f : -5
109 : #35db0f : -4
110 : #31db0f : -3
111 : #2edb0f : -2
112 : #2adb0f : -1
113 : #27db0f : ±0
114 : #24db0f : +1
115 : #20db0f : +2
116 : #1ddb0f : +3
117 : #19db0f : +4
118 : #16db0f : +5
119 : #13db0f : +6
120 : #0fdb0f : +7
121 : #0fdb13 : +8
122 : #0fdb16 : +9
123 : #0fdb19 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747674 : -86
3 : #737972 : -84
5 : #717b6f : -82
7 : #6f7e6d : -80
9 : #6d806b : -78
11 : #6b8268 : -76
13 : #6a8566 : -74
15 : #688764 : -72
17 : #668961 : -70
19 : #648c5f : -68
21 : #628e5d : -66
23 : #61905a : -64
25 : #5f9358 : -62
27 : #5d9556 : -60
29 : #5b9753 : -58
31 : #599a51 : -56
33 : #589c4f : -54
35 : #569e4c : -52
37 : #54a14a : -50
39 : #52a348 : -48
41 : #50a545 : -46
43 : #4fa843 : -44
45 : #4daa41 : -42
47 : #4bac3e : -40
49 : #49af3c : -38
51 : #47b139 : -36
53 : #46b337 : -34
55 : #44b635 : -32
57 : #42b832 : -30
59 : #40bb30 : -28
61 : #3ebd2e : -26
63 : #3dbf2b : -24
65 : #3bc229 : -22
67 : #39c427 : -20
69 : #37c624 : -18
71 : #35c922 : -16
73 : #34cb20 : -14
75 : #32cd1d : -12
77 : #30d01b : -10
79 : #2ed219 : -8
81 : #2cd416 : -6
83 : #2bd714 : -4
85 : #29d912 : -2
87 : #27db0f : ±0
89 : #25de0d : +2
91 : #23e00b : +4
93 : #22e208 : +6
95 : #20e506 : +8
97 : #1ee704 : +10
99 : #1ce901 : +12
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #020a01 : -44
4 : #031301 : -42
6 : #051d02 : -40
8 : #072603 : -38
10 : #083003 : -36
12 : #0a3904 : -34
14 : #0c4305 : -32
16 : #0e4c05 : -30
18 : #0f5606 : -28
20 : #115f07 : -26
22 : #136907 : -24
24 : #147208 : -22
26 : #167c09 : -20
28 : #188609 : -18
30 : #198f0a : -16
32 : #1b990b : -14
34 : #1da20b : -12
36 : #1fac0c : -10
38 : #20b50d : -8
40 : #22bf0d : -6
42 : #24c80e : -4
44 : #25d20f : -2
46 : #27db0f : ±0
48 : #29e510 : +2
50 : #2aee11 : +4
52 : #33ef1a : +6
54 : #3bf024 : +8
56 : #44f02d : +10
58 : #4cf137 : +12
60 : #55f240 : +14
62 : #5df24a : +16
64 : #66f353 : +18
66 : #6ef45d : +20
68 : #77f466 : +22
70 : #7ff570 : +24
72 : #88f679 : +26
74 : #90f683 : +28
76 : #99f78d : +30
78 : #a1f896 : +32
80 : #aaf8a0 : +34
82 : #b2f9a9 : +36
84 : #bbfab3 : +38
86 : #c3fabc : +40
88 : #ccfbc6 : +42
90 : #d4fccf : +44
92 : #ddfcd9 : +46
94 : #e5fde2 : +48
96 : #eefeec : +50
98 : #f6fef5 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow